Question

怎么样修改jquery easyui datagrid 样式。

目前，我们想把上一页和下一页等 图片 修改成 文字 。想请问下有谁修改过。是怎么修改的？求dome，或者修改过的文件。

Answer 1

你好！

要的是否下面的效果？

追问

是的。。大神。求答案。

追答

参考easyui demo中datagrid的custompager.html，在datagrid的onLoadSuccess事件中进行修改：

$("#dg").datagrid({
    onLoadSuccess:function(){
        var pager = $('#dg').datagrid('getPager');
        pager.pagination({
            beforePageText: '第',//页数文本框前显示的汉字
            afterPageText: '页    共 {pages} 页',
            displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',
            buttons:[{
                iconCls:'icon-search',
                handler:function(){alert('search');}
            },{
                iconCls:'icon-add',
                handler:function(){alert('add');}
            },{
                iconCls:'icon-edit',
                handler:function(){alert('edit');}
            }]
        });
        var icon2text = ["首页","上一页","下一页","尾页"];
        $(".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]);
        });
    }
});

希望对你有帮助！！

Answer 2

var p = $('#tt').datagrid('getPager');
$(p).pagination({
pageSize: 10,//每页显示的记录条数，默认为10
pageList: [10],//可以设置每页记录条数的列表
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
});

tt 为table的id

文字部分是都可以改的
图标好像改不了吧
http://www.jb51.net/article/28419.htm
好像没有那属性
可以p图改图片吧

追问

能修改的。。我正在研究当中，继续期待正确答案啊。。