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;
            }
        });