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:"取消"
作者:授客
QQ:1033553122
全國軟體測試QQ交流群:7156436
Git位址:https://gitee.com/ishouke
友情提示:限于時間倉促,文中可能存在錯誤,歡迎指正、評論!
作者五行缺錢,如果覺得文章對您有幫助,請掃描下邊的二維碼打賞作者,金額随意,您的支援将是我繼續創作的源動力,打賞後如有任何疑問,請聯系我!!!
微信打賞
支付寶打賞 全國軟體測試交流QQ群