关于easyUI datagraid的分页的问题

wnj89510 2015-03-16 11:43:40
datagraid分页会把page和rows两个参数传到后台执行分页查询,假如我有一个下拉框作为查询条件,每页只显示10条数据(只在数据库中查出前10条),当我点击下一页的时候,再把下拉框里的值作为查询条件,查出另外11-20条记录(也就是每次点击下一页的时候就将 下拉框里的值、page、rows三个参数传到后台进行查询),这样可行吗?为什么我点击下一页的时候,page、rows都有值,可是下拉框里的值不是我选中的,而是页面载入时的默认值?
下面是JS代码:


$(document).ready(function(){
initSelArray('month_id','selA','selB','selC','selD','selE');
var myselect1 = document.getElementById("month_id");
var index1 = myselect1.selectedIndex;
var mid = myselect1.options[index1].value;

$('#dataTable').datagrid({
rownumbers:true,
title:'3G用户智能净增',
iconCls:'icon-save',
url:'select/select.action?month_id='+mid+'',
striped:true,
singleSelect:true,
loadMsg:'数据加载中,请稍后...',
pagination:true,
method:'post',
columns:[[
{field:'LOCAL_NAME',title:'本地网',width:80},
{field:'AREA_NAME',title:'营业区',width:80},
{field:'DEPT_NAME',title:'部门',width:80,align:'right'},
{field:'GROUP_NAME',title:'小组',width:80,align:'right'},
{field:'REGION_NAME',title:'社区',width:100},
{field:'ZBVALUE',title:'本月新增',width:80},
{field:'LM_VALUE',title:'上月新增',width:80},
{field:'LY_VALUE',title:'上年末新增',width:80}
]]

});

var p = $('#dataTable').datagrid('getPager');
$(p).pagination({

pageSize: 10,//每页显示的记录条数,默认为10
pageList: [10,20,30],//可以设置每页记录条数的列表

beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
/* onSelectPage:function(pageNumber,pageSize){

} */

});
});



为什么这么写,总觉得点击下一页的时候,会重新加载页面,然后下拉框里的值就变回默认值了?

如下图:

点击下一页之后:

...全文
208 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
qingyuan18 2015-03-16
  • 打赏
  • 举报
回复
datagrid是ajax加载,不会重新刷新整个页面,只有下面的table数据会refresh
wnj89510 2015-03-16
  • 打赏
  • 举报
回复
引用 2 楼 rui888 的回复:
上次不是发你链接了。 你可以给它设置参数,自定义的参数也都行。
恩恩 谢谢啦,问题已经解决了,是我想的太多了,直接在onSelectPage()里调用我的查询方法就行了,非常感谢!
tony4geek 2015-03-16
  • 打赏
  • 举报
回复
上次不是发你链接了。 你可以给它设置参数,自定义的参数也都行。

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧