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