码迷,mamicode.com
首页 > 其他好文 > 详细

将easyui 的自带分页组件修改为中文

时间:2015-11-06 16:32:32      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:将easyui 的自带分页组件修改为中文


var icon2text = ["首页","上一页","下一页","尾页"];

ttt是数据网格id

var pager = $(‘#ttt‘).datagrid(‘getPager‘);

    pager.pagination({

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

        afterPageText: ‘页    共 {pages} 页‘,

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

        total:data.length,  

        onSelectPage:function(pageNo, pageSize) {  

       

            var start = (pageNo - 1) * pageSize;  

            var end = start + pageSize;  

            $("#ttt").datagrid("loadData", data.slice(start, end));  

            pager.pagination(‘refresh‘,{  

                total:data.length,  

                pageNumber:pageNo  

            });

                        $(".pagination").find("td:eq(2),td:eq(3),td:eq(9),td:eq(10)").each(function(i){

                $(this).find(".l-btn-text").html(icon2text[i]);

            });

            

        }  

    });

$(".pagination").find("td:eq(2),td:eq(3),td:eq(9),td:eq(10)").each(function(i){

        $(this).find(".l-btn-text").html(icon2text[i]);

    });

    

在 pager.pagination后 的 $(".pagination").find里面进行汉子替换

在最外层pager.pagination中的onSelectPage中,也有一套汉子替换,不加的话会在点击下一页后汉子部分会消失。

将easyui 的自带分页组件修改为中文

标签:将easyui 的自带分页组件修改为中文

原文地址:http://8942041.blog.51cto.com/8932041/1710320

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!