Jquery-easyUI-datagrid参数之 queryParams
Html
<div region="center" border="false" style="padding:0px 3px 0px 3px;margin:0px;">
<table id="test"></table>
</div>
初置化gird
$(function(){
loadgrid();
//loadcombobox(null);
});
function loadgrid(){
$('#test').datagrid({
title:'任免信息列表',
fit:true,
nowrap: false,
striped:false,
//url:'rm.json',
url:'http://127.0.0.1:8080/web/AppAndRemoveServer.server',
queryParams:{},
sortName: 'appandremove_id',
sortOrder: 'asc',
remoteSort: false,
idField:'appandremove_id',
frozenColumns:[[
{field:'ck',checkbox:true}
]],
columns:[[{field:'appandremove_id',title:'任免批次编号',width:200,sortable:true},
{field:'batch_name',title:'任免批次名称',width:240,sortable:true},
{field:'batch_no',title:'任免批次编号',width:100,sortable:true},
{field:'recorder_date',title:'登记时间',width:120,sortable:true},
{field:'recorder_id',title:'登记人',width:100,sortable:true},
{field:'state',title:'状态',width:100,sortable:true},
{field:'memo',title:'备注',width:300}
]],
pagination:true,
pageNumber:1,
pageSize:5,
pageList:[5,10],
//singleSelect:true,
rownumbers:true
});
}
服务端接收rows、page、order、sort参数
参数名称是easyui起的,值也是自动绑定
可以在服务端通过request.getParameterNames();查看有什么参数
接收参数值
if(null!=request.getParameter("rows")) { pageRows=Integer.parseInt(request.getParameter("rows").toString());
}
if(null!=request.getParameter("page")) {
page=Integer.parseInt(request.getParameter("page").toString());
}
if(null!=request.getParameter("order")) {
order=request.getParameter("order").toString();
}
if(null!=request.getParameter("sort")) {
order=request.getParameter("sort").toString();
}
然后拼装sql语句实现分页。
增加查询参数,重新加载表格
function reloadgrid (stateVal) {
//查询参数直接添加在url中
/* var url =$('#test').datagrid('options').url;
url = "http://127.0.0.1:8080/web/AppAndRemoveServer.server?state=" +stateVal;
//重新赋值url 属性
$('#test').datagrid('options').url=url;
$("#test").datagrid('reload');
*/
//查询参数直接添加在queryParams中
var queryParams = $('#test').datagrid('options').queryParams;
queryParams.state = stateVal;
$('#test').datagrid('options').queryParams=queryParams;
$("#test").datagrid('reload');
}
Jquery-easyUI-datagrid参数之 queryParams相关推荐
- jquery easyui dataGrid动态改变排序字段名
2019独角兽企业重金招聘Python工程师标准>>> jquery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序, 这里 ...
- jQuery EasyUI datagrid实现本地分页的方法
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重 ...
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
- jquery easyui datagrid 分页 详解
http://www.cnblogs.com/huozhicheng/archive/2011/09/27/2193605.html 由于项目原因,用了jquery easyui 感觉界面不错,皮肤样 ...
- Jquery Easyui Datagrid创建代码
引用easyui <link rel="stylesheet" type="text/css" href="../themes/default/ ...
- jquery easyui datagrid view detailview 使用
要用jquery easyui实现下图这种可打开列表的形式 (此图截于easyui的api中) 要实现这种主从显示效果就要用到datagrid中的属性view:detailview和事件onExpan ...
- jQuery EasyUI DataGrid 分页 FOR ASP.NET
源代码: 前台(html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
- jQuery EasyUI DataGrid - 格式化列(formatter )
以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式化一个数据网格(DataGrid)列,我们需要设置 ...
- 让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
- jQuery EasyUI datagrid本地分页
2019独角兽企业重金招聘Python工程师标准>>> 代码如下: <!DOCTYPE html> <html> <head> <meta ...
最新文章
- html frameset
- libevent源码分析:eventop
- 刷新SOTA ! 视频恢复的重中之重:时间对齐!
- 4. Spring Boot 过滤器、监听器
- java bitmap 排序_Java实现2-BitMap排序
- centos7优先wifi连接_WIFI明明已连接,但却无法上网,问题究竟出现在哪里?
- 原来这就是公文写作领导讲话稿模板(3)
- 关于Eclipse在servlet中连接数据库时出现驱动加载失败的解决
- 斯坦福图机器学习CS224W笔记自用:How Expressive are Graph Neural Networks?
- python数据分析模型建立_一个完整的数据分析案例 | 用Python建立客户流失预测模型(含源数据+代码)...
- 使用FFMPEG制作gif图片
- 定时器中断控制LED闪烁(每隔1s)---普中科技开发仪
- 中国异戊烷市场调研与投资预测报告(2021版)
- php下载pdf并保存图片大小,php根据URL下载图片、压缩包、pdf等远程文件到本地
- 在线查询IP及IP信息
- JMockit 指南 翻译
- 在Openshift上部署asp.net遇到的一些捉急问题总结
- My97 日期改变事件
- udec采场开挖教程_基于UDEC的采场矿山压力显现数值模拟研究
- 关于ucos在lpc上移植
热门文章
- 数据科学家最常用的十种算法(我准备拿这个当成学习参考)
- CodeForces 682E Alyona and Triangles (计算几何)
- TypeScript - 字符串字面量类型
- 利用 Google Chart API 生成二维码大小不一致
- 2018.12.2 中国石油大学第一次新生训练赛题解
- Android:日常学习笔记(7)———探究UI开发(4)
- Eclipse快捷键(转载)
- PHP中的的一个挺好用的函数 array_chunk
- C语言控制台窗口图形界面编程(六):光标操作
- Linux桌面上的小动物,前方高能!我的OriginOS桌面上,出现了一群小动物