天天看點

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} 條記錄 ',  

    }); 

 (二)自定義分頁欄

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;

            }

        });

轉載于:https://www.cnblogs.com/puke/archive/2012/09/05/2671956.html

繼續閱讀