多语言展示
当前在线:771今日阅读:91今日分享:37

EasyUI DataGrid分页栏如何变为中文?

通过简单的操作,在不引用多余的脚本情况下,EasyUI DataGrid分页下信息改为中文模式  if ($.fn.pagination.defaults != undefined) {//分页工具栏处理        $.fn.pagination.defaults.beforePageText = '';        $.fn.pagination.defaults.afterPageText = '/{pages}';        $.fn.pagination.defaults.displayMsg = '从{from} 到 {to} 总计 {total} 条';    }    $('#dg').datagrid({        fit: true,        fitColumns: false,        singleSelect: true,        rownumbers: true,        sortName: 'AAA',        sortOrder: 'asc',        frozenColumns: [[            { field: 'AAA', title: 'AAA表示', width: 150, halign: 'center', align: 'left', sortable: true },            { field: 'BBB', title: 'BBB名称', width: 200, halign: 'center', align: 'left', sortable: true }        ]],        columns: columns,        autoRowHeight: false,        nowrap: true,        pagination: true, // 分页工具栏        pageList: [50, 100, 200, 500],        onClickRow: function (index, row) {        }    });
工具/原料

EasyUI官网

方法/步骤
1

形成分页首先需要在形成表格时按照如下设置,才可以分页显示

3

再整个形成表格代码前方增加如下部分,转换英文为中文

4

展示效果变为如下模式

5

整体代码结构如下

注意事项
1

初始化datagrid之前就要进行中文转换

2

这种方式不需要引用中文的转换脚本

推荐信息