jqGrid 显示隐藏按钮 navGrid inlineNav

Question

我正在使用 jqGrid jqGrid 4.14.2-pre

如何根据条件隐藏或显示按钮

不使用css

loadComplete:function(data)
{                   
    if(data.records > 100)
    {
        $('#grid').jqGrid('navGrid','#pager');
        // hide $('#grid').jqGrid('inlineNav','#pager'); ?
    }
    else
    {
        $('#grid').jqGrid('inlineNav','#pager');
        // hide $('#grid').jqGrid('navGrid','#pager'); ?
    }           
}

Answer 1

我建议您同时调用 navGrid 和 inlineNav，但要隐藏不需要的按钮，这些按钮由 id 标识。您应该只知道如何构建 ID 的简单规则。 jqGrid 在导航器按钮（"add_"、"edit_"、"refresh_"、...）和网格 ID（在您的情况下为 "grid"）上使用前缀构建。有关详细信息，请参阅 the old answer。 inlineNav 方法做同样的事情，但是按钮的 id 将基于另一个规则构建：网格 id 和后缀 "_iladd"（对于添加按钮），"_iledit"（对于编辑按钮)、"_ilsave"（对于“保存”按钮）和"_ilcancel"（对于“取消”按钮）。

让我们拥有 id="grid" 的网格。要隐藏 navGrid 添加的添加按钮，您可以使用 $("#add_grid").hide();。要隐藏 inlineNav 添加按钮，您可以使用 $("#grid_iladd").hide();.

jqGrid 显示隐藏按钮 navGrid inlineNav

jqGrid show hide button navGrid inlineNav

jqgrid