怎么样修改jquery easyui datagrid 样式。

Posted 2023-05-05

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

你好！

要的是否下面的效果？

追问

是的。。大神。求答案。

追答

参考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]);
        );
    
);

希望对你有帮助！！

参考技术A 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图改图片吧追问

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

jquery easyui tree 怎么自动节点

RT，打开页面时怎么自动把全部节点展开
忘记说了。。我这个是动态的，展开部分代码如下：
function expandAll()
var node = $('#tt2').tree('getSelected');
if (node)
$('#tt2').tree('expandAll', node.target);
else
$('#tt2').tree('expandAll');

参考技术A <ul id="tt1" class="easyui-tree" animate="true" dnd="true">
<li>
<span>Folder</span>
<ul>
<li state="closed">
<span>Sub Folder 1</span>
<ul>
<li>
<span><a href="#">File 11</a></span>
</li>
<li>
<span>File 12</span>
</li>
<li>
<span>File 13</span>
</li>
</ul>
</li>
<li>
<span>File 2</span>
</li>
<li>
<span>File 3</span>
</li>
<li>File 4</li>
<li>File 5</li>
</ul>
</li>
<li>
<span>File21</span>
</li>
</ul>

state="closed" 这个属性表示关闭的，你要想打开，就把这个属性的值不要设为closed 参考技术B $(document).ready(function()
expandAll();
);追问

没有效果。。这句话放JS最下面？还是在哪。。

追答

哪都行，你加没加jquery.js

追问

jquery.js当然有加。。无效。这的expandAll是点一下促发一次action，展开一层，全部有3层。。我手动展开都是点3次的。。

追答

expandAll 这个不是全部展开的方法吗，
你看看浏览器的报错是什么
把我给你的代码放在最后

本回答被提问者采纳