如何在 Jqgrid 中隐藏导航栏并动态重新加载新值

Question

有没有办法隐藏 jqgrid 中的导航栏并在选择行时重新出现？以及如何在选择新值后动态重新加载网格

Answer 1

要显示或隐藏导航栏，需要在具有 "navtable" class 的 div 上调用 show/hide jQuery 方法。 div 包含栏上的所有按钮。例如，如果您使用 pager: "#mypager"，那么要隐藏导航栏，需要执行以下操作：

$("#mypager").find(".navtable").hide();

在更常见的情况下，您可以使用方法

var visibilityNavBar = function (show) {
    var pagerSelector = $(this).jqGrid("getGridParam", "pager");
    $(pagerSelector)
        .find(".navtable")[show ? "show" : "hide"]();
};

并在 onSelectRow 回调中调用它

onSelectRow: function (rowid, status) {
    visibilityNavBar.call(this, status);
}

要最初隐藏导航栏，您可以调用

visibilityNavBar.call($("#list")[0], status);

直接调用 navGrid 方法后。

演示 https://jsfiddle.net/OlegKi/s2qkh9mn/ 演示代码。选择行时导航栏将显示，取消选择时将隐藏。

如何在 Jqgrid 中隐藏导航栏并动态重新加载新值

How to hide nav bar in Jqgrid and dynamically reload with new values

jqgrid

navbar