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

Question

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

Answer 1

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

要做到这一点，你应该知道按钮的id是从前缀“add_”，“edit_”，“del_”，“search_”，“refresh_”，“view_”和网格的id构建的。如果网格的id是“list”，则代码可以是

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

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

到

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

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

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

您将找到相应的演示here。

Answer 2

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

gridid +“_ il”+“添加”，“编辑”，“保存”，“取消”

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