EasyUI中DataGrid默认分页的问题

发现在table上直接写data-options后导致数据加载两遍，后来放到了$();中只加载一遍。

 

另外默认分页PageSzie的设置。

 

 1 $(function () {
 2     //加载完后给星星加Tip
 3     $("#dg").datagrid({
 4         rownumbers:true,
 5         url:'datagrid_data1.aspx',
 6         method:'get',
 7         fit: true,
 8         striped:true,
 9         pagination: true,                    
10         onLoadSuccess: function (data) {                        
11             AddTipForStar();
12         }
13     });
14 
15     var p = $('#dg').datagrid('getPager');
16     $(p).pagination({
17         pageSize: 15,//每页显示的记录条数，默认为10 
18         pageList: [15, 30, 45],//可以设置每页记录条数的列表          
19         beforePageText: '第',//页数文本框前显示的汉字 
20         afterPageText: '页    共 {pages} 页',
21         displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
22     });
23 });

  

通过火狐查看发现第一次加载默认PageSize还是10。改成这样就可以了。

 

 1 $(function () {
 2     //加载完后给星星加Tip
 3     $("#dg").datagrid({
 4         rownumbers:true,
 5         url:'datagrid_data1.aspx',
 6         method:'get',
 7         fit: true,
 8         striped:true,
 9         pagination: true,   
10         pageSize: 15,//每页显示的记录条数，默认为10 
11         pageList: [15, 30, 45],//可以设置每页记录条数的列表  
12         onLoadSuccess: function (data) {                        
13             AddTipForStar();
14         }
15     });
16 
17     var p = $('#dg').datagrid('getPager');
18     $(p).pagination({                
19         beforePageText: '第',//页数文本框前显示的汉字 
20         afterPageText: '页    共 {pages} 页',
21         displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
22     });
23 });

 

 

数据绑定还是写在了th的data-options里。

 

转载于:https://www.cnblogs.com/chenliang-zibo/p/4337579.html