zoukankan      html  css  js  c++  java
  • EasyUI的DataGrid之分页栏问题

    (一)分页栏英文改中文解决方案

    这个问题其实很简单,就是引入文件jquery-easyui-1.3/locale/easyui-lang-zh_CN.js 。

    注意这个文件要放在本页js的后面,放在最后也不会有什么影响的。

    其实日期控件引入这个文件也可以把英文变为中文。

    还有一种比较笨的解决办法 ,如下:

      //设置分页控件  
        var p = $('#list_data').datagrid('getPager');  
        $(p).pagination({  
            pageSize: 10,//每页显示的记录条数,默认为10  
            pageList: [5,10,15],//可以设置每页记录条数的列表  
            beforePageText: '',//页数文本框前显示的汉字  
            afterPageText: '页    共 {pages} 页',  
            displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',  
            /*onBeforeRefresh:function(){ 
                $(this).pagination('loading'); 
                alert('before refresh'); 
                $(this).pagination('loaded'); 
            }
    */ 
        }); 

     (二)自定义分页栏

    var gridObj =$("#grid")
     var pager = gridObj.datagrid('getPager');
    //pager.pagination("options")//对象如下:total | pageSize | pageNumber | pageList | loading | buttons | showPageList | showRefresh | onSelectPage | onBeforeRefresh | onRefresh | onChangePageSize | beforePageText | afterPageText | displayMsg |

            pager.pagination({
                showPageList: false,
                buttons: [{
                    iconCls: 'icon-search',
                    handler: function () {
                        alert('search');
                    }
                }, {
                    iconCls: 'icon-add',
                    handler: function () {
                        alert('add');
                    }
                }, {
                    iconCls: 'icon-edit',
                    handler: function () {
                        alert('edit');
                    }
                }],
                onBeforeRefresh: function () {
                    alert('before refresh');
                    return true;
                }
            });
  • 相关阅读:
    重构二叉树
    Nlog、elasticsearch、Kibana以及logstash
    技术
    Java 的垃圾回收机制(转)
    Java并发编程:并发容器之CopyOnWriteArrayList
    深入理解Arrays.sort() (转)
    浅析java的浅拷贝和深拷贝
    gradle
    @action 注解
    如何使用mysql
  • 原文地址:https://www.cnblogs.com/puke/p/2671956.html
Copyright © 2011-2022 走看看