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里。

  • 相关阅读:
    STM32——项目需求之低功耗的停机模式
    sscanf函数——强大的C语言库函数
    二级指针偏移
    RTX基础教程目录
    #pragma pack(push) 和#pragma pack(pop) 以及#pragma pack()
    Write thread-safe servlets [reproduced]
    C++程序员如何转Java
    How to implement equals() and hashCode() methods in Java[reproduced]
    The Java Enum: A Singleton Pattern [reproduced]
    VS Code
  • 原文地址:https://www.cnblogs.com/chenliang-zibo/p/4337579.html
Copyright © 2011-2022 走看看