DWZ框架搭建 以及使用
来源:互联网 发布:ubuntu下wine中安装qq 编辑:程序博客网 时间:2024/04/27 20:59
1.搭建框架
1.1. 搭建框架首先需要官网下载框架代码,全都是js文件,图片文件 之类的。
1.2 使用方法可以登录 http://www.j-ui.com/ 网
通过官网演示找到功能 找到页面
1.3 搭建框架 只需要把资源放到对应项目里面,页面上加载对应资源即可,页面模板 可从DWZ资源里找到
2.DWZ标签概念 target标签
navTab :打开新页面
ajaxTodo:是一个ajax请求
ajax请求的情况下 刷新id概念
rel 是刷新id:用于定义一个页面的标识,用于删除添加修改,找到列表页面刷新。
一般返回ajax json 格式 都是可以在官网demo里找到 】
3.session过期 处理
可以选择弹出框或者,直接跳到登录页面 可以后台index里设置
$(function(){
//alert(2);
DWZ.init("/ui/dwz.frag.xml", {
loginUrl:"/admin/logindialog", loginTitle:"登录", // 弹出登录对话框
//loginUrl:"/admin/login", // 跳到登录页面
statusCode:{ok:200, error:300, timeout:301}, //【可选】
pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】
debug:false, // 调试模式 【true|false】
callback:function(){
// alert(1);
initEnv();
$("#themeList").theme({themeBase:"/ui/themes"}); // themeBase 相对于index页面的主题base路径
}
});
});
4.分页信息处理
$(function(){
//alert(2);
DWZ.init("/ui/dwz.frag.xml", {
loginUrl:"/admin/logindialog", loginTitle:"登录", // 弹出登录对话框
//loginUrl:"/admin/login", // 跳到登录页面
statusCode:{ok:200, error:300, timeout:301}, //【可选】
pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】
debug:false, // 调试模式 【true|false】
callback:function(){
// alert(1);
initEnv();
$("#themeList").theme({themeBase:"/ui/themes"}); // themeBase 相对于index页面的主题base路径
}
});
});
已经在这里开始设置参数的意思
只需要通过隐藏表单处理就行
<input type="hidden" name="pageNum" value="${pageNum}" />
<input type="hidden" name="numPerPage" value="${numPerPage}" />
页面尾部分页
<div class="panelBar">
<div class="pages">
<span>显示</span>
<select class="combox" name="numPerPage" onchange="navTabPageBreak({numPerPage:this.value})">
<option value="20" <#if (numPerPage==20)>selected="selected"</#if>>20</option>
<option value="50" <#if (numPerPage==50)>selected="selected"</#if>>50</option>
<option value="100" <#if (numPerPage==100)>selected="selected"</#if>>100</option>
<option value="200" <#if (numPerPage==200)>selected="selected"</#if>>200</option>
</select><span>条,共${totalCount}条</span>
</div>
<div class="pagination" targetType="navTab" totalCount="${totalCount}" numPerPage="${numPerPage}" pageNumShown="10" currentPage="${pageNum}" ></div>
</div>
- DWZ框架搭建 以及使用
- DWZ简介以及使用
- DWZ框架初次使用
- DWZ富客户端框架使用
- DWZ框架的基本使用
- DWZ富客户端框架使用
- DWR框架搭建以及使用
- DWR框架搭建以及使用
- DWR框架搭建以及使用
- DWZ富客户端框架的搭建
- DWZ富客户端框架+DWZ简介及其使用+DWZ讨论组
- YII+DWZ框架,使用swfupload实现上传
- 对于webUI框架DWZ的使用有感
- 使用dwz框架导出当页数据
- DWR框架搭建以及初级使用
- CentOS 6.5上搭建Nginx和配置DWZ框架
- dwz框架---(1)如何学习dwz框架
- DWZ富客户端框架 IIS不能使用Ajax解决方案
- 广州火车站/东站接送客攻略 停车需谨慎
- Java:String和Date、Timestamp之间的转换
- Spring定时实际项目运用
- 和大神们学习每天一题(leetcode)-Implement strStr()
- 如何通过 JavaScript 在运行时操作 CSS
- DWZ框架搭建 以及使用
- jfinal框架教程-学习笔记(二)
- 关于 content中UA设置,导致网页onPageStarted会重新调用
- iOS发送Email的两种方法
- 排序算法总结---交换排序之起泡排序
- 凸优化基础
- 关于eclipse 3.5.0安装Git插件出错解决方法
- Alamofire网络库进阶教程
- hdu1085