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

时间:2018-11-26 14:13:00

标签: jqgrid navbar

是否可以在jqgrid中隐藏导航栏并在选择该行时重新出现? 以及如何在选择新值后动态重新加载网格

1 个答案:

答案 0 :(得分:1)

要显示或隐藏导航栏,需要在具有“ navtable”类的div上调用show / hide jQuery-method。 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/演示了代码。选择行后,将显示导航栏,取消选择后将被隐藏。