专栏首页授客的专栏Easyui datagrid 修改分页组件的分页提示信息为中文

Easyui datagrid 修改分页组件的分页提示信息为中文

测试环境

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:"取消"

});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Fiddler 使用fiddler发送捕获的请求及模拟服务器返回

    本例的一个目的是,根据服务器返回js脚本名称,有选择的让浏览器执行本地的js脚本文件。

    授客
  • Vue 新增不参与打包的接口地址配置文件

    vue工程项目,npm run build webpack方式打包,每次打包后如果需要更改后台接口地址(项目中,接口地址设置成变量,存放在js文件中,需要用到的...

    授客
  • Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

    Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结

    授客
  • 实现基于最新chrome的动态按需加载组件

    chrome63 版本后支持动态import 加载js https://developers.google.com/web/updates/2017/12/ni...

    mafeifan
  • React项目的服务端渲染改造(koa2+webpack3.11)

    卡少
  • 腾讯云独家详解小程序多人视频通话

    在微信小程序中搜索 腾讯视频云 可以加载到我们的演示用小程序,其中 多人音视频 功能可用于体验和测试多人音视频通话功能。出于 UI 美观和画面大小的考虑,Dem...

    腾讯视频云终端团队
  • 20140921遇到的问题-----JAVA----JS------jquery-1.11.1.min.js找不到的原因和解决办法

    当我把项目发布到tomcat服务器上面去,运行某个jsp页面的时候,发现功能没有实现 有没有报错,说明代码没有问题,那就找引入的文件是否正常导入了。这里有可能一...

    wust小吴
  • Webpack第三天

    我们已经能打包能启动了,现在我们要继续开发。开发的时候我们要一直刷新才能出现,这很浪费时间,而webpack自带了热更新。

    wade
  • 11、webpack从0到1-CodeSplitting代码分割

    Ewall

扫码关注云+社区

领取腾讯云代金券