天天看点

EasyUI的DataGrid之分页栏问题

(一)分页栏英文改中文解决方案

这个问题其实很简单,就是引入文件jquery-easyui-1.3/locale/easyui-lang-zh_CN.js 。

注意这个文件要放在本页js的后面,放在最后也不会有什么影响的。

其实日期控件引入这个文件也可以把英文变为中文。

还有一种比较笨的解决办法 ,如下:

   // 设置分页控件  

     var p = $( ' #list_data ').datagrid( ' getPager ');  

    $(p).pagination({  

        pageSize:  10, // 每页显示的记录条数,默认为10  

        pageList: [ 5, 10, 15], // 可以设置每页记录条数的列表  

        beforePageText:  ' 第 ', // 页数文本框前显示的汉字  

        afterPageText:  ' 页    共 {pages} 页 ',  

        displayMsg:  ' 当前显示 {from} - {to} 条记录   共 {total} 条记录 ',  

    }); 

 (二)自定义分页栏

var gridObj =$( " #grid ")

  var pager = gridObj.datagrid( ' getPager ');

//pager.pagination("options")//对象如下:total | pageSize | pageNumber | pageList | loading | buttons | showPageList | showRefresh | onSelectPage | onBeforeRefresh | onRefresh | onChangePageSize | beforePageText | afterPageText | displayMsg |

        pager.pagination({

            showPageList:  false,

            buttons: [{

                iconCls:  ' icon-search ',

                handler: function () {

                    alert( ' search ');

                }

            }, {

                iconCls:  ' icon-add ',

                handler: function () {

                    alert( ' add ');

                }

            }, {

                iconCls:  ' icon-edit ',

                handler: function () {

                    alert( ' edit ');

                }

            }],

            onBeforeRefresh: function () {

                alert( ' before refresh ');

                 return  true;

            }

        });

转载于:https://www.cnblogs.com/puke/archive/2012/09/05/2671956.html

继续阅读