现在位置: 首页 > 所有关于 DWZ富客户端框架 文章

【使用教程】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">
 
[...]