datagrid 修改分頁組件的分頁提示信息為中文

by:授客 QQ：1033553122

測試環境

jquery-easyui-1.5.3

問題描述

默認分頁組件為英文展示，如下，希望改成中文展示

解決方法1

直接引入中文locale目錄下的easyui-lang-zh_CN.js，引入時註意js的引入順序，避免js直接的相互影響，比如後面引入的js覆蓋前面引入的js

這樣不僅可以解決datagrid分頁組件分頁信息英文展示的問題，還可以解決其它英文信息問題，比如 分別修改messager消息確認彈窗提示的OK,Cancel按鈕文案為 確認和取消，validatebox一些校驗提示。

解決方法2

參考easyui-lang-zh_CN.js文件中的配置，可以在頁面加載之前，通過js腳本修改配置，如下

// 設置表格分頁

$(window).ready(function() {

var idSelector = ‘#datagridID‘;

var p = $(idSelector).datagrid(‘getPager‘); // 獲取datagrid的pager對象

$(p).pagination({

beforePageText: ‘第‘, //頁數文本框前顯示的漢字

afterPageText: ‘頁 共 {pages} 頁‘, //頁數文本框之後顯示的漢字

displayMsg: ‘當前顯示 {from} - {to} 條記錄 共 {total} 條記錄‘

});

});

效果展示

附 消息彈窗的按鈕文案改英文配置

頁面加載之前，通過js擴展，修改提示，如下

$.extend($.messager.defaults,{

ok:"確定",

cancel:"取消"

});

datagrid 修改分頁組件的分頁提示信息為中文