dwz简单使用文档

houjingwei 贡献于2013-02-28

作者 window7  创建于2012-02-08 05:54:00   修改者微软用户  修改于2012-02-08 07:25:00字数2285

文档摘要:dwz简单使用文档
关键词:

上下布局 1. dwz基本组件介绍 navTab链接扩展 id="navTab" 固定值 超链接 a target指定为 navTab 显示超链接地址内容 菜单导航容器 DWZ布局练习 超链接 target="navTab" 固定值 navTab 为 id为navTab 的div容器 2. 综合列表页面布局 参考 dwz demo\pagination\ layout1.html 1. 拷贝左右布局框架代码
layoutH : 与父容器相隔的高度,值越大,相隔高度越高。 其他样式在可以在style在设置 2. 增加左侧内容代码 (拷贝dwz 原树代码) target="ajax" 局部刷新请求 rel="listBox" 内容更新在listBox div容器 必填 ${BasePath}/dwztest/test/listTest.sc 请求到list列表页面 class="tree treeFolder" 树节点样式 固定值 3. 列表展示 (详细代码在 test/dwz_list.ftl) 1. 布局查询条件代码 注意: 1. 拷贝以上 class=”pageHeader” 代码 2. Form 的 onsubmit 方法固定 , 更改 ‘listBox’ 为右侧div容器ID 3. 在 class=”searchContent” 中增加其他查询条件 2. 查询内容展示代码 注意: 1. 框架结构代码可以直接拷贝 2. class=”pageContent” div 是数据展示的容器 是必须的 3.
    为功能按扭容器,可选 4. 批量删除功能(异步) 删除 1. target="selectedTodo" 固定值 必须 2. rel=”ids” 多选框name对应值 , 必须 3. postType=”string” 后台提交数据的格式 (以逗号方式拼接的字符串) 4. class="delete" 显示删除图标样式 5. 返回值必须为固定的json数据 (详细请看dwz.ajax.js navTabAjaxDone方法注释) { "statusCode":"200", "message":"删除成功", "navTabId":"", "rel":"listBox ", //显示内容的 div 容器 "callbackType":"", "forwardUrl":"" } 5. 弹出表单页面 1. 请求到需要弹出的页面 编辑 target="dialog" 弹出层必须属性 mask="true" 必须属性防止浏览器弹出窗口 2. 弹出窗口页面代码如下(dwz_update.ftl) 注意: 1. 弹出表单 form 的onsubmit必须为以上js代码 onsubmit="return validateCallback(this, dialogAjaxDone);" 2. Action请求的返回值必须为固定格式的json数据 { "statusCode":"200", "message":"修改成功", "navTabId":"", "rel":"listBox ", //显示内容的 div 容器 返回后刷新数据 "callbackType":"", "forwardUrl":"" } 3. 增加formvalidator表单验证组件 a) 按formvalidator格式写好验证代码 b) 将form表单 onsubmit 方法移到 $.formValidator.initConfig 中的onSuccess方法中 4. 增加分页 a) 1.导入 common/common.ftl b) 2.需分页的form的id必须为pagerForm

下载文档到电脑,查找使用更方便

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 6 金币 [ 分享文档获得金币 ] 0 人已下载

下载文档