zoukankan      html  css  js  c++  java
  • 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里。

  • 相关阅读:
    二进制位运算
    Leetcode 373. Find K Pairs with Smallest Sums
    priority_queue的用法
    Leetcode 110. Balanced Binary Tree
    Leetcode 104. Maximum Depth of Binary Tree
    Leetcode 111. Minimum Depth of Binary Tree
    Leetcode 64. Minimum Path Sum
    Leetcode 63. Unique Paths II
    经典的递归练习
    案例:java中的基本排序
  • 原文地址:https://www.cnblogs.com/chenliang-zibo/p/4337579.html
Copyright © 2011-2022 走看看