easyui分页查询为什么会有下拉框_EasyUI ComboGrid 分页

1

2

3

4

5

6

easyui-combox 分页示例

7

8

9

10

11

12

13 选择用户：

14

15

16

17

18

19

20

21

22

23

24 $(function() {25 $('#person').combogrid({26 panelWidth:400,27 idField:'id',//ID字段

28 textField:'name',//显示的字段

29 url:"${pageContext.request.contextPath}/controller/persons.action",30 fitColumns:true,31 striped:true,32 editable:true,33 pagination:true,//是否分页

34 rownumbers:true,//序号

35 collapsible:false,//是否可折叠的

36 fit:true,//自动大小

37 method:'post',38 columns: [[39 { field:'name', title:'页面名称', width:80},40 { field:'id', title:'用户id', width:80, hidden:true},41 ]],42 keyHandler: {43 query:function(keyword) {//【动态搜索】处理

44 varcomgrid=$('#person').combogrid("grid");45 varqueryParams=comgrid.datagrid('options').queryParams;//设置查询参数

46 queryParams.keyword=keyword;47 comgrid.datagrid('options').queryParams=queryParams;48 comgrid.datagrid("reload");//重新加载

49 $('#person').combogrid("setValue", keyword);50 //将查询条件存入隐藏域

51 $('#txtId').val(keyword);52 }53 },54 onSelect:function() {//选中处理

55 varseldata=$('#person').combogrid('grid').datagrid('getSelected');56 $('#txtName').val(seldata.name);57 $('#txtId').val(seldata.id);58 $('#personId').val(seldata.id);59 //alert(seldata.id+"--"+seldata.name);

60 }61 });62

63 //取得分页组件对象

64 varpager=$('#person').combogrid('grid').datagrid('getPager');65

66 if(pager) {67 $(pager).pagination({68 pageSize:10,//每页显示的记录条数，默认为10

69 pageList: [10,20,30,40,50],//可以设置每页记录条数的列表

70 beforePageText:'第',//页数文本框前显示的汉字

71 afterPageText:'页 共 {pages} 页',72 displayMsg:'当前显示 {from} - {to} 条记录 共 {total} 条记录',73 //选择页的处理

74 onSelectPage:function(pageNumber, pageSize) {//按分页的设置取数据

75 getData(pageNumber, pageSize);76 //设置表格的pageSize属性，表格变化时按分页组件设置的pageSize显示数据

77 $('#person').combogrid("grid").datagrid('options').pageSize=pageSize;78 //将隐藏域中存放的查询条件显示在combogrid的文本框中

79 $('#person').combogrid("setValue", $('#txtId').val());80 $('#txtName').val('');81 },82 onChangePageSize:function() {},//改变页显示条数的处理 (处理后还是走onSelectPage事件，所以设置也写到onSelectPage事件中了)

83 onRefresh:function(pageNumber, pageSize) {//点击刷新的处理

84 getData(pageNumber, pageSize);//按分页的设置取数据

85 $('#person').combogrid("setValue", $('#txtId').val());//将隐藏域中存放的查询条件显示在combogrid的文本框中

86 $('#txtName').val('');87 }88 });89 }90

91 vargetData= function(page, pagesize) {92 $.ajax({93 type:"POST",94 url:"${pageContext.request.contextPath}/controller/persons.action",95 type :"POST",96 data: {97 "page": page,98 "pagesize": pagesize,99 "keyword": $('#txtId').val()100 }101 error:function(XMLHttpRequest, textStatus, errorThrown) {102 $.messager.progress('close');103 },104 success:function(data) {105 console.log(typeofdata);106 $('#person').combogrid("grid").datagrid("loadData", $.parseJSON(data));107 }108 });109

110 };111 });112

113

114

115