天天看點

Easyui datagrid 修改分頁元件的分頁提示資訊為中文

datagrid 修改分頁元件的分頁提示資訊為中文

by:授客 QQ:1033553122

測試環境

jquery-easyui-1.5.3

問題描述

預設分頁元件為英文展示,如下,希望改成中文展示

Easyui datagrid 修改分頁元件的分頁提示資訊為中文

解決方法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} 條記錄'

    });  

});

效果展示

Easyui datagrid 修改分頁元件的分頁提示資訊為中文

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

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

$.extend($.messager.defaults,{

    ok:"确定",

    cancel:"取消"

Easyui datagrid 修改分頁元件的分頁提示資訊為中文

作者:授客

QQ:1033553122

全國軟體測試QQ交流群:7156436

Git位址:https://gitee.com/ishouke

友情提示:限于時間倉促,文中可能存在錯誤,歡迎指正、評論!

作者五行缺錢,如果覺得文章對您有幫助,請掃描下邊的二維碼打賞作者,金額随意,您的支援将是我繼續創作的源動力,打賞後如有任何疑問,請聯系我!!!

           微信打賞                       

支付寶打賞                  全國軟體測試交流QQ群  

Easyui datagrid 修改分頁元件的分頁提示資訊為中文
Easyui datagrid 修改分頁元件的分頁提示資訊為中文
Easyui datagrid 修改分頁元件的分頁提示資訊為中文

繼續閱讀