目前我用的 thinkphp 版本是  3.1.3 J-UI  dwz 版本好像是 1.4 现在 j-ui有 thinkphp的例子了,请尽量以他们原创为主,我这里都是一些自己搜集和自己钻研的土办法, 1 更改  Action.class.php 中 ajaxReturn函数 为 protected function ajaxReturn($data,$type='') { if(func_num_args()>2) {// 兼容3.0之前用法 $args = func_get_args();…

此文只说明RoadFlow前端与JUI的集成,关于程序和接口请参照WebForm或MVC文档. 修改JUI配置文件dwz.frag.xml,此文件一般位于JUI根目录下. 2.修改文件js/dwz.navTab.js 调用的地方要传这个参数. 3.修改文件 js/dwz.ui.js 4.菜单连接方式 为JUI增加菜单时,要注意连接地址后面要加上iframeid参数来区分唯一的IFRAME,这个参数要在系统中唯一,可以使用菜单ID等以保证唯一,注意后面的rel=""也要的ID保持一致.…

简介 由于开发的项目使用JUI,所以学习了. DWZ富客户端框架(jQuery RIAframework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.(现在更名为JUI) 可以实现很炫的后台管理界面,很方便的实现功能. 下载 包: https://code.google.com/p/dwz/downloads/list(code迁移到https://code.csdn.net/dwzteam) 我百度网盘:链接:http://pan.baidu.com/s/1mggKV…

分页介绍 参考:官方用户手册中的"分页组件"         分页思路服务器返回当前页的数据,总条数,再由js来生成分页标签.分页是配合服务器端来处理的, 不是存js做的分页. 因为如果数据量很大,比如有好几百页,性能很慢.  分页组件参数要由服务器传过来targetType,totalCount,numPerPage,pageNumShown,currentPage .框架会自动把下面的form中pageNum修改后,ajax重新发请求.下面这个form是用来存查询条件的 1 2 3…

推荐10款最热门jQuery UI框架 原创 在进行Web开发时,并非所有的库都适合你的项目,但你仍需要收藏一些Web UI设计相关的库或框架,以在你需要的时候,加快你的开发效率.本文为你推荐10款非常优秀的基于JQuery的Web UI设计框架   1.国产jQuery UI框架 (jUI) DWZ     DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本.…

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局…

javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJS Flash视频播放器-JW-PLAYER jQuery表单插件-jQuery.form jQuery-File-Upload 可视化HT…

DWZ(JUI) 教程 左侧栏默认是关闭状态的问题,初始化是全屏状态,只需简单处理就可以了 $(function(){ DWZ.init("dwz.frag.xml", { loginUrl:"login_dialog.html", loginTitle:"登录", // 弹出登录对话框 // loginUrl:"login.html", // 跳到登录页面 statusCode:{ok:200, error:300, tim…

DWZ (JUI) 教程 tree 控件的选中事件 先简单说一下流程 第一步 当然是先定义好回调事件了 function checkCallback(json){ ........... ........... } 关键是回调函数返回的结构 {checked:布尔值, items:数组} 如果是选中事件 checked 为 true 否则为false items 是个对象数组 [ {name:, value:, text: },{} ]   是返回是选中的节点,如果返回的checked 为fal…

http://www.cnblogs.com/chenyongsai/p/4933982.html Dwz(J-UI)框架--入门 一.了解 概述:是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 目的:简单实用.扩展方便(在原有架构基础上扩展方便).快速开发.RIA思路.轻量级 使用:用html扩展的方式来代替javascript代码 思路:根据官网页面样例,查看官方代码包,查阅相关子页面,参阅帮助文档,添加固定的标签属性语法 优势:第一次打开页面时载入界面到客户端, 之后和…

问题描述:DWZ的panel面板比较常用,我们常常需要在其标题栏上再增加一个些按钮,如下图问题出来了,增加按钮后,点面板收缩按钮,增加的按钮就消失了而且面板收缩的click事件,也跟新增的按钮绑定了,这样导致面板无法使用,还好是开源代码,研究其代码就能解决问题 /** * @author Roger Wu * @version 1.0 */ function S4() { return (((1 + Math.random()) * 0x10000) | 0).toString(16).subs…

DWZ 是一个很好的富客户端框架 lookupGroup也是一个必用到的东东,但没有回调函数,后期处理相当的不便. 修改其dwz.database.js 增加几行,就能实行一个很好的回调. 使用就方便了, 如: 源代码 <input type="hidden" value="H2" name="roleid" id="roleid"> <input type="hidden" value=…

navTab的刷新在doc文件里也有说明 首先 在form表单里指定好回调函数 * <form action="/user.do?method=save" onsubmit="return validateCallback(this, navTabAjaxDone)"> 如果不指定回调函数的话框架会默认使用DWZ.ajaxDone() <pre name="code" class="html">func…

dwz排序是后台排序,不是前台的js排序,他的流程和搜索,分页是一样的,当你点击排序的按钮时,从新发送请求刷新当前的navTable 和 dialog. <th width="60" align="center" orderField="accountLevel"></th> 在table 头中指定要排序的字段, 点击排序的按钮时就会把这个  orderField 值发送过去 并且还会发送一个orderDirection(…

reloadDialog:function(dialogId){ var dialog = $("body").data(dialogId); if(dialog){ $.pdialog.reload(dialog.data("url"),{dialogId:dialogId}); } }, 这是我简单封装的方法 ,加入到 dwz-dialog.js 里就行了. 大家好好看看这里的源码,看看dwz是如何存放 dialog,url 等属性的 ,就可以自己封装出来自己想…

DWZ 国际化也是比较简单的,网站的内容国际化和常规的项目国际化是一样的,不要做出特殊的调整. DWZ 自身框架的国际化,比如 翻页的上一页下一页等信息.这些信息都是在dwz.frag.xml 文件当中,大家可以查看就明白了. 对框架做国际化有两种方式 <script type="text/javascript"> $(function(){ DWZ.init("dwz.frag.xml", { loginUrl:"login_dialog.h…

Query插件一般是$(document).ready()中初始化 $(document).ready(function(){  // 文档就绪,初始化jQuery插件| });  // 或者或缩写形式 $(function(){  // 文档就绪,初始化jQuery插件 }); 因为DWZ RIA是富客户端思路,第一次打开时加载界面到浏览器端,之后和服务器的交互是存数据交互,不占用界面相关的网络流量.也就是说,只需要在一个完整的页面(通常是起始页,如index.aspx/index.php/i…

一类是普通的表单提交,另一类就是列表页面的表单提交,主要是用来查询搜索列表使用的.今天我就简单介绍一下前者. 这是官网上的普通列表页面, <div class="pageContent"> <form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate" onsubmit="return…

在DWZ开发过程中经常会遇到的一种情况就是:在navTab页面中通过a标签打开一个dialog,在dialog层进行操作后,需要对该dialog层进行必要的刷新操作. 1.首先讲一下思路: 在非dialog页面中,也就是navTab页面中,将传递rel的值作为刷新的途径.在那种情况下,rel值为navTab的navTabId,所以在dialog中,只要将dialogId获取到,并作为rel值在dialog层传递即可. 2.其次给大家看看我的操作图: 图1-点击navTab上的修改,进入一级dia…

在DWZ中进行ajax表单提交后,通过回调函数来返回状态结果,以及返回是否需要刷新父页的navTabId.       DWZ给我们提供了两个回调函数,一个是子窗口为navTab的navTabAjaxDone,一个是子窗口为dialog的dialogAjaxDone,但这两个回调函数都有同一样的缺陷:就是父窗口必须是navTab,也就是说只能刷新navTab,如果父窗口为dialog,则此父dialog是刷新不了的.      如果我们是在一个弹出的dialog中,进行添加.删除和修改操作,操作…

在开发过程中,抽象成模型,定义规范是非常有必要的,不仅可以简化代码,提高开发效率,也为自己减少了不少麻烦. 在开发中,因为DWZ这块是我负责,由于代码琐碎,重复度高,没有抽象封装,没有定义规范,别人不清楚都来问我,导致我经常在解决相同的问题,所以我把DWZ中的信息回馈这块抽象封装成通用模型,便于使用,也减少了自己的麻烦. DWZ是客户端框架,自然需要接收后台传来的消息,可能是异常信息,可能是成功信息. 返回信息是json格式,其中包括状态码.callbackType类型.navTabId等. 我…

-----------------------------------------------------------------------------主页面index.html <html> <header> #中间加载样式和JS, 静态文件迁移至项目中时要注意路径. </header> <body scroll="no"> <div id="layout"> <div id="head…

做了个查看日志的功能,需要刷新查看当前的dialog,方法如下: 1 <script type="text/javascript"> 2 $("#bt_refresh").click(function(){ 3 var dialog = $.pdialog.getCurrent(); 4 $.pdialog.reload(dialog.data("url")); 5 }); 6 </script> 简简单单,解决问题~~~…

如果想navTab访问其他的网址,可以使用 iframe  navTab 使用时也非常简单 <li><a href="http://www.baidu.com" target="navTab" rel="external"external="true">iframe navTab页面</a></li> external="true" 会使用 iframe 有些…

1:关于左侧点击会把右边小窗口替换掉,导致右边永远只有一个小窗口. 方法:因为缺少了这个—— <li><a href="/admin/demo/index" target="navTab"rel="shiyan">试验</a> </li> rel这个唯一标识 相当于一个页面的Id  在ajax编辑的时候返回json可以使得制定某个页面刷新:…

来源:http://blog.csdn.net/t123012009065/article/details/8286826 DWZ简介:   DWZ富客户端框架(jQuery RIA framework),是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用.扩展方便.快速开发.RIA思路.轻量级. DWZ框架支持用HTML扩展的方式来代替JavaScript代码,只要懂HTML语法, 再参考DWZ使用手册就可以做Ajax开发. 开发人员不写J…

DWZ富客户端框架+DWZ简介及其使用+DWZ讨论组 地址: DWZ富客户端框架:http://jui.org/#_blank DWZ简介及其使用:http://blog.sina.com.cn/s/blog_64e2219d01017cnx.html DWZ讨论组:http://code.csdn.net/groups/2155…

一.了解 概述:是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 目的:简单实用.扩展方便(在原有架构基础上扩展方便).快速开发.RIA思路.轻量级 使用:用html扩展的方式来代替javascript代码 思路:根据官网页面样例,查看官方代码包,查阅相关子页面,参阅帮助文档,添加固定的标签属性语法 优势:第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量,开源免费 劣势:文档少,开发者少,共享资源少,帮助文档不易阅读 二.资料 官方…

官网:http://jui.org/index_menu.html PDF教程:http://jui.org/doc/dwz-user-guide.pdf DWZ最大的特点是使用html扩展的方式来代替javascript代码,而不是使用传统的面向对象来开发javascript库:html扩展方式的特点,简单.容易扩展.基于jQuery:javascript库特点,思维方式更接近应用程序,以组件的方式调用:但是实现复杂,扩展不方便: 核心JS介绍:dwz.core.js提供了程序入口:对jQue…

在写完Login后,需要跳转到Index中,就是DWZ的主界面,结果出现如下问题: 0x800a13af - Microsoft JScript 运行时错误: 重新声明常量“document” 费了很大劲,网上基本没有解释. 最后自己发现了问题所在,是以下这段代码在搞乱: <!--[]> <script src="~/DWZ/js/speedup.js"></script> <script src="~/DWZ/plugins/oth…