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

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

没有标准选项允许重新排序导航器工具栏中的按钮。 另一方面,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需要函数$.jgrid.jqID !"#$%&'()*+,./:;<=>?@[\]^``{|}~如果在选择器中使用了必须进行转义(有关详细信息,请参阅此处 )。

你会在这里找到相应的演示。

只是想通过提及inlineNav按钮(与navGrid按钮相对)具有不同的id命名方案来扩展接受的答案,即:

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

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