datagrid参数queryParams--easyUI
2015-11-23 17:00
399 查看
datagrid参数queryParams--easyUI
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');
}
by archie
相关文章推荐
- EASYUI datagrid批量修改与提交
- Kibana User Guide [4.2] » Settings » Setting Advanced Options
- hdu5568 sequence2(dp + 高精度)
- UI复习
- [Qt]新增UAC功能之requireAdministrator
- iOS 9人机界面指南(一):UI设计基础
- IOS上 关于状态栏的相关设置(UIStatusBar)(转载自shede333博客)
- UITextFieldDelegate和tap事件
- UIToolBar
- iOS学习笔记--03 UITableView相关
- UITextField *textfield常用的取消键盘方法
- dialect does not support sequences
- UITextField
- java+uiautomator 打包运行
- 做一个Active To
- maven web项目build失败
- UIImageView
- iOS-利用UIScrollView实现展示图片的无限滚动及自动滚动 - 郭晓
- UIControl源码分析
- java +UIAutomator 通过中文文本查找控件 报错问题