jQuery：在 jqGrid 中是否可以重新排序工具栏按钮答案

【问题标题】：jQuery: In jqGrid is it possible to reorder the toolbar buttonsjQuery：在 jqGrid 中是否可以重新排序工具栏按钮
【发布时间】：2011-11-08 13:09:35
【问题描述】：

在 jqGrid 中是否可以重新排序页脚工具栏中的默认按钮？我试图让搜索按钮显示在删除按钮之前。我已阅读文档，但找不到任何提及，但认为可能有一个简单的技巧。

【问题讨论】：

【解决方案1】：

没有允许对navigator 工具栏中的按钮重新排序的标准选项。另一方面，jqGrid 代码的任何部分都不依赖于顺序，因此您可以自己重新排序按钮。

为此，您应该知道按钮的 id 是由前缀“add_”、“edit_”、“del_”、“search_”、“refresh_”、“view_”和网格的 id 构建的。如果网格的 id 是“list”，那么代码可以是

$("#list").jqGrid("navGrid", "#pager");
$("#search_list").insertBefore("#del_list");

并将搜索按钮从标准位置移开

到

在更常见的情况下，如果您有代表$("#list") 的变量$grid，则代码将是

$grid.jqGrid('navGrid', '#pager');
var gridid = $.jgrid.jqID($grid[0].id);
$("#search_" + gridid).insertBefore("#del_" + gridid);

只有当网格的 id 可以包含特殊的元字符（如 !"#$%&'()*+,./:;<=>?@[\]^``{|}~）时才需要函数 $.jgrid.jqID，如果在选择器中使用，则必须对其进行转义（有关更多信息，请参阅 here）。

你会找到相应的演示here。

【讨论】：

【解决方案2】：

只是想通过提及 inlineNav 按钮（与 navGrid 按钮相对）具有不同的 id 命名方案来扩展已接受的答案，即：

gridid +“_il”+“添加”、“编辑”、“保存”、“取消”

所以如果 gridid = #list，则内联添加按钮的选择器将是 $('#list_iladd')

【讨论】：