Jui(dwz)基础教程
IT小岛
一条流淌的小河
展开
-
DWZ(JUI) 教程 获取 dom 节点 应注意的问题
最近有朋友问到获取 DWZ dom节点 获取不到的问题, 如果问题是出在 Jquery 使用上,我这里不做细究,只讲一些 在 DWZ中应注意的问题。 DWZ 核心 就是同过 Ajax 获取 Html 片段,然后 append 到页面当中, 这样就会出现一个问题, 你在一个Html 片段中 为一个节点添加的ID 是唯一的,但是在整个页面中不一定是唯一的,比如 你在一个dialog Ht原创 2011-09-20 00:33:37 · 4875 阅读 · 0 评论 -
DWZ (JUI) 教程 修正 Tab 选项卡多次加载
DWZ (JUI) 教程 修正 Tab 选项卡多次加载 dwz 1.4.3 选项卡 使用j-ajax 动态加载时,没每次切换的时候都会进行加载,大多数情况不是很实用,做了一下简单的修改,对于页面只加载一次。修改前的代码 var jGroup = jGroups.eq(iTabIndex); if (this.href) jGroup.loadUrl原创 2012-06-15 12:02:35 · 6818 阅读 · 3 评论 -
DWZ (JUI) 教程 DWZ LookUp Suggest 教程
DWZ (JUI) 教程 DWZ LookUp Suggest 教程最近有人问 Lookup 和 Suggest 的问题 ,我做了一个小的 Demo 希望给大家有所帮助,我也简单分析一下流程,有时间的话我也简单录个视频,讲一下原理效果图片单个查找带回jsp 代码 lookup.jspsuggest+lookup原创 2012-08-04 14:39:36 · 23619 阅读 · 17 评论 -
DWZ (JUI) 教程 layoutH
有些刚刚入门的朋友 对layoutH不是很理解,我简单画个图,稍微解释一下layoutH: function($refBox){ return this.each(function(){ var $this = $(this); if (! $refBox) $refBox = $this.parents("div.layoutBox:first");原创 2012-08-06 23:03:34 · 17692 阅读 · 7 评论 -
DWZ (JUI) 教程 根据ID刷新 dialog
DWZ (JUI) 教程 dialog 刷新最近有朋友问到 有没有dialog 刷新的方法, 在原先的dialog是有刷新的方法的 reload:function(url, options){但是不能 根据 dialog id 进行刷新 ,其实简单封装一下就可以了,希望对大家有帮助。reloadDialog:function(dialogId){ var d原创 2012-08-26 12:05:03 · 8798 阅读 · 9 评论 -
DWZ (JUI) 教程 DWZ table 分页排序教程
一直很忙 demo一直没有写,最近忙着换工作空闲之余,写一下分页排序的 Demo 其实 也是比较简单的顺便也录了一个小视频 http://115.com/file/c2ik04qy http://v.youku.com/v_show/id_XNDMxMDMzOTg4.htmlJSP 页原创 2012-07-21 23:45:46 · 26159 阅读 · 41 评论 -
DWZ (JUI) 教程 一个页面多Table多分页的问题
DWZ (JUI) 教程 一个页面多Table多分页的问题有朋友问到这样的需求 如题,我想请教一下,一个页面有多个table,多个pagination,一个pagerForm。这种情况下怎么解决多个pagination不同pagenum的问题呢?希望您帮忙给个思路就行,非常 感谢!如果是这样的滴话,使用局部刷新就可以了,两个table 放在不同的 div 中 i原创 2012-12-22 12:00:30 · 8179 阅读 · 6 评论 -
DWZ (JUI) 教程 tree 控件的选中事件
DWZ (JUI) 教程 tree 控件的选中事件 新浪微博 http://weibo.com/u/1534913940最近有朋友留言问tree控件的选中事件是怎么处理的,今天我就简单说一下。先简单说一下流程第一步 当然是先定义好回调事件了function checkCallback(json){ ...........原创 2012-12-31 11:11:33 · 9388 阅读 · 6 评论 -
DWZ (JUI) 教程 再谈Session超时操作
DWZ (JUI) 教程 再谈Session超时操作 最近有朋友问到session超时的问题,是自己发送Ajax请求 但是并没有弹出 超时登陆框 关于 Session 超时 我在另一篇文章中已经提到,如果是使用的DWZ自身的操作,可以看看那篇文章 如果是自己写的AJax请求的话,只需写出自己的回调函数就行了,我这里就写一个简单的列子$.post("xxx.do",{},f原创 2012-12-22 10:51:34 · 6889 阅读 · 2 评论 -
DWZ (JUI) 教程 NavTab Dialog Title 设置问题
DWZ (JUI) 教程 NavTab Dialog Title 设置问题新浪微博 http://weibo.com/u/1534913940有朋友问到,如何设置 Navtab 和 Dialog 问题 其实这个问题 文档上是有说明的,我就从源码上简单分析一下// navTab $("a[target=navTab]", $p).each(function(){ $(t原创 2013-02-08 10:10:05 · 12256 阅读 · 0 评论 -
DWZ (JUI) 教程 单个NavTab 中 多个Form表单提交问题
DWZ (JUI) 教程 单个NavTab 中 多个Form表单提交问题新浪微博 http://weibo.com/u/1534913940最近有朋友问到 一个 NavTab中 有多个form表单提交问题问题如下我正在使用DWZ框架, 我想请问一下 一个jsp页面 如果有两个button,如何去分别提交。例子给的是:但一个表单只能一个submit按钮,用js调用bu原创 2013-02-08 11:06:46 · 8794 阅读 · 5 评论 -
DWZ (JUI) 教程 国际化问题
DWZ (JUI) 教程 国际化问题最近有朋友问到DWZ国际化问题DWZ 国际化也是比较简单的,网站的内容国际化和常规的项目国际化是一样的,不要做出特殊的调整。DWZ 自身框架的国际化,比如 翻页的上一页下一页等信息。这些信息都是在dwz.frag.xml 文件当中,大家可以查看就明白了。对框架做国际化有两种方式$(function(){ DWZ.ini原创 2013-04-04 11:55:46 · 3260 阅读 · 0 评论 -
DWZ (JUI) 教程 主题切换原理
DWZ (JUI) 教程 主题切换原理前几天有个朋友问道为什么使用外部页面(iframe)时切换主题时,navTab里的页面不会变化。我在这里简单把主题切换的原理说一下点击不同的主题样式时,DWZ 就会切换不同的主题。这个是 DWZ 主题文件夹下的样式表目录 default , grean purple , silver 分别是一种主题。原创 2012-05-31 17:17:27 · 8586 阅读 · 5 评论 -
DWZ (JUI) 教程 navTab 刷新分析
navTab的刷新在doc文件里也有说明 首先 在form表单里指定好回调函数* 如果不指定回调函数的话框架会默认使用DWZ.ajaxDone()function navTabAjaxDone(json){ DWZ.ajaxDone(json); //注意返回的JSON的数据结构 if (json.statusCode ==原创 2012-04-30 22:04:35 · 36358 阅读 · 2 评论 -
DWZ (JUI) 教程 navTabPageBreak 流程分析
最近工作很忙,博客一直没有更新,有些朋友发的邮件也没有来得及回复,在这里表示一下歉意。 前一阵子有朋友问道 navTabPageBreak 查询参数无法传递的问题,只有一张图片,我很难找到具体原因,在这里我把整个流程分析一下,这样自己找找问题所在,也希望能给其他的朋友带来帮助。 我以表格控件的 分页显示数量为例。dwz-ria-1.4.3 先说一下流程原创 2012-04-28 14:07:04 · 11820 阅读 · 1 评论 -
DWZ(JUI) 教程 中如何整合第三方jQuery插件
jQuery插件一般是$(document).ready()中初始化 $(document).ready(function(){ // 文档就绪,初始化jQuery插件| }); // 或者或缩写形式 $(function(){ // 文档就绪,初始化jQuery插件 });因为DWZ RIA是富客户端思路,第一次打开时加载界面到浏览器端,之后和服务器转载 2011-10-20 14:04:29 · 6024 阅读 · 3 评论 -
DWZ(JUI) 教程 跨域请求 iframeNavTab
如果想navTab访问其他的网址,可以使用 iframe navTab使用时也非常简单 target="navTab" rel="external"external="true">iframe navTab页面external="true" 会使用 iframe 有些初级用户会忘记加target="navTab", 只有加上这个属性才会使用navTab 详细看dwz-u原创 2011-12-01 09:13:05 · 6049 阅读 · 4 评论 -
DWZ(JUI) 教程 左侧菜单初始化是关闭状态
最近有朋友有这样的需求就是希望左侧的菜单在初始化的时候是关闭的,dwz在设计时候这块不是很灵活,在2.0版本中就会得到改善。现在用户可以暂时这样解决在 dwz-ui.js 文件下$('div.accordion', $p).each(function(){ var $this = $(this); $this.accordion({fillSpace原创 2011-12-01 09:35:54 · 7714 阅读 · 7 评论 -
DWZ(JUI) 教程 Ajax请求session超时处理流程
1)SessionValidateFilter统一验证session是否超时 2)SessionValidateFilter中判断请求是否为ajax请求 3)ajax请求session超时返回一个json {"statusCode":"301", "message":"Session Timeout! Please re-sign in!"} 4)dwz js框架根据转载 2011-12-07 10:28:43 · 7436 阅读 · 3 评论 -
DWZ(JUI) 教程 dwz.frag.xml 相关问题
最近有些初学者问道一些关于 dwz.frag.xml 初始化问题有些人把demo 下载下来不能运行,可能是浏览器不支持javascript加载本地dwz.frag.xml文件(IE下就会报错),改用火狐就可以了。$(function(){ DWZ.init("dwz.frag.xml", { loginUrl:"login_dialog.html原创 2011-10-18 14:39:05 · 11272 阅读 · 3 评论 -
DWZ (JUI) 教程 表单提交重定向问题
DWZ (JUI) 教程 表单提交重定向问题 最近有朋友问表单提交后navTab重定向的问题,其实非常简单我简单说明一下。dwz 中提供了 简单 navTabAjaxDone 回调函数 在form中可以直接采用Form标签上增加onsubmit="return validateCallback(this,navTabAjaxDone)"原创 2011-12-07 14:34:30 · 8116 阅读 · 14 评论 -
DWZ (JUI) 教程 页面定义函数应注意的问题
DWZ (JUI) 教程 页面定义函数应注意的问题 在网上看到有人提到 dwz的页面定义函数的被覆盖的问题,dwz 所有的页面都是通过ajax访问,然后append到页面当中,当你在html片段中加入脚本语言时实际上是用的同一个Window,当函数有重复的名时,并且这两个页面又同时通过navTab或者dialog展示在页面当中,那么你的函数就会被覆盖了。 所以写插入脚本原创 2011-12-09 12:04:50 · 2419 阅读 · 0 评论 -
DWZ 富客户端框架设计思路与学习建议
DWZ富客户端框架设计目标是简单实用、扩展方便灵活、快速开发、RIA思路、轻量级设计思路第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量.支持HTML扩展方式来调用DWZ组件.基于jQuery标准化Ajax开发, 降低Ajax开发成本.学习DWZ的建议通读DWZ文档,很多问题文档中都写了,初学者最好先读一遍文档。看demo每转载 2011-12-09 12:08:35 · 4605 阅读 · 2 评论 -
DWZ (JUI) 教程 可以伸缩的查询面板 (searchBar)
DWZ (JUI) 教程 可以伸缩的查询面板 (searchBar) 最近有这样的需求,一个页面查询条件特别多,一次全部展示出来的话就占用大量的空间,所以分成了两类,简单搜索和高级搜索,当点击高级搜索的时候就会全部显示。这样就存在一个问题,页面(navTab,dialog)上下pageHeader panelBar 高度是有 layoutH值决定的,如果上面的面板变高,就会把下面的分页原创 2011-12-15 10:05:03 · 11335 阅读 · 3 评论 -
DWZ (JUI) 教程 table 排序
DWZ (JUI) 教程 table 排序 最近有朋友问到dwz 排序的问题,我简单说一下。dwz排序是后台排序,不是前台的js排序,他的流程和搜索,分页是一样的,当你点击排序的按钮时,从新发送请求刷新当前的navTable 和 dialog。th width="60" align="center" orderField="accountLevel">th> 在tabl原创 2012-01-17 22:29:40 · 9120 阅读 · 12 评论 -
DWZ(JUI) 教程 左侧栏默认是关闭状态的问题
DWZ(JUI) 教程 左侧栏默认是关闭状态的问题最近有朋友有这样的需求 就是默认左侧栏式关闭状态,初始化是全屏状态,只需简单处理就可以了$(function(){ DWZ.init("dwz.frag.xml", { loginUrl:"login_dialog.html", loginTitle:"登录", // 弹出登录对话框// loginUrl:"login.h原创 2011-12-06 13:30:55 · 5110 阅读 · 1 评论 -
DWZ(JUI) 教程 普通表单提交
最近有一些朋友问到 一些常规的表单提交的问题,我在这里就做一些简单的梳理,dwz 这里 表单提交大致可以分为两类一类是普通的表单提交,另一类就是列表页面的表单提交,主要是用来查询搜索列表使用的。今天我就简单介绍一下前者。这是官网上的普通列表页面, 必填: class="required" 必原创 2013-04-25 21:16:15 · 17208 阅读 · 4 评论