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