jQuery datagrid
来源:互联网 发布:网络协议概念 编辑:程序博客网 时间:2024/06/01 11:14
项目中使用了easyUI,在此记录一下
1. 组装访问后台获取datagrid数据所需要的参数
function getParams(){//获取页面网页元素的值var eVal = $("#e1").val();var eVal2 = $("#e2").val();//去掉左右空格var queryParams={};queryParams.e =$.trim(eVal);queryParams.e2 = $.trim(eVal2);return queryParams;}
2. 在callback方法中,组织datagrid
var examleDataGrid = $("<table id='examleDataGrid'></table>");$("#example_table").append(examleDataGrid);examleDataGrid.datagrid(// 此处表示生成一个表格,并动态创建行列关系{// title : 'example列表',// 表格标题loadMsg : '正在加载数据...',// 此处设置数据加载的动态效果// width : '100%',// 表格宽度// height:500,//表格高度striped : true,// 表格奇偶行颜色交替变化collapsible : true,// 可折叠,即某一行太长,自动换行fitColumns : true,// 自动调整各列,则各列的宽度值为一个比例值pagination : true,// 分页工具//rownumbers : true,// 表示显示行号url : example_webRoot + 'example.ajax',queryParams: getParams(),pageSize : 20,pageList : [ 10 , 20,50 ],columns : [ [...........
3. 对datagrid数据进行操作后,在reload datagrid时想让datagrid显示在第一页
(例如页面有搜索按钮,在datagrid翻至第二页时点击搜索,jQuery默认停留在点击前的页面,一页显示的条数也没变,这样的情况是不合理的)
//点击页面的【搜索】,触发的方法search : function() {//搜索后的datagrid数据将显示第一页的内容,并将页数栏置为1var $grid = $("#exampleDataGrid");//显示第一页数据 $grid.datagrid("options").pageNumber = 1; //分页栏上跳转到第一页,并将一页显示的数据条数设置为20$grid.datagrid('getPager').pagination({pageSize:20,pageNumber: 1}); //加上参数reload$grid.datagrid('options').queryParams=getParams();$grid.datagrid("reload");},
继续关注jQuery....
- jQuery datagrid
- JQuery DataGrid
- Jquery datagrid
- jquery datagrid填充
- jquery easyui DataGrid
- JQuery DataGrid 中文文档
- JQuery DataGrid 合并标题
- Jquery DataGrid 中文文档
- JQuery DataGrid 中文文档
- JQuery DataGrid 中文文档
- Jquery DataGrid-----------小例子
- jQuery EasyUI DataGrid
- jquery easyUI datagrid
- Jquery easyui DataGrid分页
- JQuery Datagrid 入门例子
- Jquery结合datagrid框架:
- JQuery DataGrid 中文文档
- JQuery EasyUI DataGrid
- NAND ECC校验
- 由扔骰子看平均概率生成
- linux 安装 flash player的方法
- 动态域名绑定
- 6->oracle中pfile和spfile区别
- jQuery datagrid
- 数据挖掘10大算法(1)——PAGERANK
- xmlSpy已经破解了,但是每次启动都会自动关闭,下面的方法可以屏蔽xmlSpy联网。
- 学习Android Opengles 做游戏引擎笔记(二)
- Android Message 及其使用
- POJ 2871 A Simple Question of Chemistry(我的水题之路——数列两数之差 )
- 设计游戏菜单背景循环移动
- PHP中的字符串、isset、empty
- 程序员网站SEO指南