现在位置: 首页 > 所有关于 AJAX框架教程 文章

【使用教程】DWZ富客户端框架,基于jQuery实现的Ajax RIA开源框架

2010年05月13日 添加评论

HTML扩展
支持HTML扩展方式来调用DWZ组件
Ajax链接扩展

<a href=”xxx” target=“ajax” [rel=“boxId”]>
 
示例: <a href="w_alert.html" target="ajax" rel="container">提示窗口</a>

当前navTab中链接ajax post扩展

<a href="user.do?method=remove" target="navTabTodo">删除</a>

dialog链接扩展

<a href=”xxx” target=“dialog” [rel=“dialogId”]>

Html标签扩展方式示例:

<a href="w_dialog.html" target="dialog" rel="page2">弹出窗口</a>
 

 
<a class="button" href="demo_page1.html" target="dialog" rel="dlg_page1" title="[自定义标题]" width="800" height="480">打开窗口一</a>

JS调用方式示例:

$.pdialog.open(url, dlgId, title);
 

 
$.pdialog.open(url, dlgId, title, {width: 500, height: 300});

navTab链接扩展

<a href=”xxx” target=“navTab” [rel=“tabId”]>
 
示例: <a href="w_alert.html" target="navTab" rel="page1">提示窗口</a>

Tab组件扩展
开发人员不需写任何javacsript, 只要使用下面的html结构就可以.

<div class="tabs">
 
<div class="tabsHeader">
 
[...]

DWZ富客户端框架(jQuery RIA framework)中国人自己的RIA开源框架

2010年04月30日 添加评论

DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的Ajax RIA开源框架, 是基于jQuery实现的UI组件框架. DWZ富客户端框架比ExtJs简单实用,比较适合做二次开发,使用jQuery可以非常方便的 定制特定需求的UI组件,并以jQuery插件的形式发布出来.如有需要也可做定制化开发.
这个框架是我的好友开发,希望大家多多支持,17Joys CMS正在开发的用户中心,便建立在此开源框架的基础上。
DWZ简单介绍:
DWZ富客户端框架设计目标是简单实用, 让开发人员少写js甚至不写js的情况下, 也能用ajax做项目. 比较适合做二次开发.
DWZ使用jQuery可以非常方便的定制特定需求的UI组件, 并以jQuery插件的形式发布出来. 如有需要也可做定制化开发.
欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.
DWZ富客户端框架是开源项目,可以免费获取源码。希望更多的开发人员使用,共同推进国内整体ajax开发水平。
在线演示地址 http://dwz.duqn.com
在线文档 http://dwz.duqn.com/doc/dwz-user-guide.pdf
视频教材 http://dwz.duqn.com/doc/dwz-user-guide.swf
Google Code下载: http://code.google.com/p/dwz/
演示界面:

AJAX技术介绍

2010年01月26日 添加评论

AJAX 的全称指异步的 JavaScript 及 XML(Asynchronous JavaScript And XML)
AJAX使用XHTML和CSS标准化呈现页面,使用DOM实现动态显示和交互, 使用XML和XSTL进行数据交换与处理,使用XMLHttpRequest对象进行异步数据读取, 使用JavaScript绑定和处理所有数据。