jqgrid navgrid 在搜索按钮和自定义按钮之后添加按钮

Question

我有来自导航网格的添加和搜索按钮。并从 navButtonAdd 导出 csv、删除、刷新和工具栏搜索按钮。

我想像这样更改按钮的顺序：- 工具栏搜索、导航网格搜索、刷新、导出、添加、删除。

问题出在导航网格按钮上，如何在工具栏搜索后添加搜索按钮并在末尾添加按钮。我已经将 position:first 与 navAddButtons 一起使用，这给了我序列：-

工具栏搜索、刷新、导出、添加、搜索、删除

我想在工具栏搜索之后带上这个搜索

谢谢。

Answer 1

您可以使用 insertAfter、insertBefore、after、before、append、appendTo、prepend 或prependTo 将按钮移动到导航栏中的另一个位置。

例如，如果您向导航栏添加新按钮，您可以为其分配唯一的 id 属性：

$grid.jqGrid("navGrid", "#pager", ...);
$grid.jqGrid("navButtonAdd", "#pager", {
    id: "myButton",
    onClickButton: function () {
        ...
    },
    ...
});

var $nav = $("#pager").find(".navtable");
$("#search_" + $grid[0].id).prependTo($nav);
$("#myRefresh").prependTo($nav);
$("#del_" + $grid[0].id).appendTo($nav);

上面的代码创建了标准的导航栏，在导航栏的末尾添加 #myButton 按钮。然后移动导航栏开头的搜索按钮和自定义按钮，并移动导航栏末尾的删除按钮。

我应该指出，在某些情况下可以通过使用 navButtonAdd 的 position: "first" 选项来减少代码。

jqgrid navgrid 在搜索按钮和自定义按钮之后添加按钮

jqgrid navgrid add button after search button and custom buttons

javascript

jqgrid