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

【问题标题】：jqgrid navgrid add button after search button and custom buttonsjqgrid navgrid 在搜索按钮和自定义按钮之后添加按钮
【发布时间】：2024-01-10 06:42:01
【问题描述】：

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

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

问题在于导航网格按钮，如何在工具栏搜索后带上搜索按钮并在最后添加按钮。我使用了 position:first 和 navAddButtons，它给了我序列：-

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

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

谢谢。

【问题讨论】：

标签： javascript jqgrid

【解决方案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" 选项来减少代码。

【讨论】：

非常感谢奥列格。我像这样使用 insertAfter ：- $("#searchGrid").insertAfter("#searchToolbarGrid");