关于动态加载datagrid url的问题
2016-02-23 16:23
344 查看
这个问题在网上搜了好久。
项目的要求是点击部门树上的节点,显示相应的员工列表
这是部门树列表
这是datagrid的初始化函数
后台的action返回的是json数据
项目的要求是点击部门树上的节点,显示相应的员工列表
这是部门树列表
// 部门tree $(function() { $("#tree").tree({ url : "dept/showTree.shtml", onClick : function(node) { var stateVal = node.id; if ($('#tree').tree('isLeaf', node.target)) {// 判断是否是叶子节点 // $("#dg").datagrid('load'); // $("#dg").datagrid('reload',{queryParams:{"id":stateVal}}); reloadgrid(stateVal); } } }); });其中嵌入了一个重新加载url参数的函数
function reloadgrid(stateVal) { // 查询参数直接添加在url中 var url = "user/getUserByDeptno.shtml"; // 重新赋值url 属性 $('#dg').datagrid('options').url = url; // 查询参数直接添加在queryParams中 var queryParams = $('#dg').datagrid('options').queryParams; queryParams.id = stateVal; $('#dg').datagrid('options').queryParams = queryParams; $("#dg").datagrid('reload'); }
这是datagrid的初始化函数
$(function() { $('#dg').datagrid({ // url:"user/showUser.shtml", url:"user/showPageUser.shtml", //url : "user/getUserByDeptno.shtml", columns : [ [ { field : 'ck', checkbox : "true" }, { field : 'id', title : '编号', align : 'center', width : 60 }, { field : 'userName', title : '用户名', align : 'center', width : 60 }, { field : 'age', title : '年龄', width : 60, align : 'center' }, { field : 'position', title : '职位', width : 60, align : 'center' }, { field : 'sex', title : '性别', width : 60, align : 'center' }, { field : 'deptno', title : '部门编号', width : 60, align : 'center' } ] ] }); var p = $("#dg").datagrid("getPager"); $(p).pagination({ pageSize : 10,// 每页显示的记录条数,默认为10 pageList : [ 5, 10, 15 ],// 可以设置每页记录条数的列表 beforePageText : '第',// 页数文本框前显示的汉字 afterPageText : '页 共 {pages} 页', displayMsg : '当前显示 {from} - {to} 条记录 共 {total} 条记录', }); });datagrid首先按照默认参数加载,点击节点后就会加载相应参数、相应url
后台的action返回的是json数据
相关文章推荐
- Linux文件权限初探
- macbook频繁掉线的解决办法
- 完全解读 margin 标签
- 【CSS3】结构性伪类选择器—nth-last-child(n)
- Express 应用生成器
- NGUI两张图片拼接的时候,有缝隙的解决方案
- [Leetcode]@python 93. Restore IP Addresses
- Opencv学习07
- Android Toast源码实现
- 航电1102-Constructing Roads (prim)
- 【CSS3】结构性伪类选择器—nth-child(n)
- Android 5.x Theme 与 ToolBar 实战
- 关于Unity中的Animator使用animator.Play()不能重复播放同一个Animatoin的解决方案
- Java的小程序
- java.util.Date和java.sql.Date的区别
- CentOS7.0网络设置和域名绑定
- 韩顺平 javascript教学视频_学习笔记31_随意拖拽窗口案例_dom对象(style对象)_坦克大战1.0版
- linux字符驱动之同步互斥阻塞按键驱动
- MFC——1.浅谈Windows程序内部运行机制
- java学习笔记-JAVA中toString方法的作用