更改 jqGrid 中的导航栏图标

Posted 2023-02-26

【中文标题】更改 jqGrid 中的导航栏图标

【英文标题】：Change navigation bar icons in jqGrid

【发布时间】：2012-07-31 12:38:18

【问题描述】：

我想更改jqGrid 中添加、更新和删除按钮的导航按钮图标顺序。我该怎么做？

【参考方案1】：

您可以使用jQuery.insertBefore、jQuery.before、jQuery.insertAfter 或jQuery.after 等功能重新排列导航按钮。了解用于标准按钮的单元格的 ID 很重要。 id 将从前缀“add_”、“del_”、“search_”、“refresh_”、“edit_”和网格的 id 构建。例如，如果您有 id="list" 的网格，则删除按钮的单元格有 id="del_list"。

The demo 使用如下代码

$("#del_list").insertBefore("#add_list");
$("#search_list").insertBefore("#del_list");
$("#refresh_list").insertBefore("#search_list");

将导航器按钮重新排序为以下内容：

【讨论】：

我想改变view图标在refresh之后的顺序，那我该怎么做呢？

@BhavikAmbani：“查看”按钮有id="view_list"。因此，您可以使用相同的方法对“查看”按钮重新排序。例如$("#refresh_list").insertBefore("#view_list"); 将在“查看”按钮之前放置“刷新”按钮。以同样的方式$("#view_list").insertAfter("#refresh_list"); 将“查看”按钮放在“刷新”按钮之后。