jqGrid:如何隐藏搜索工具栏中的特定搜索字段

时间:2011-01-05 09:28:54

标签: javascript css jqgrid

我正在使用jqGrid和搜索工具栏。现在有几列我不需要搜索字段,因为我不想让它们可搜索(即一列复选框)。对于这些列,我想隐藏搜索工具栏中的搜索字段。 我在jqGrid documentation中读到viewable选项可以设置为false。 以下是我设置viewable选项的部分:

colModel :[ 
          {name:'checkbox', index:'checkbox', width:'3%', viewable:false},

以下是我创建搜索工具栏的方法:

jQuery(function(){
    jQuery("#listTable").jqGrid('filterToolbar',{stringResult: true, searchOnEnter: false});
});

根据documentationviewable选项仅在viewGridRow方法被激活时才有效。

但是当我使用(激活)viewGridRow方法时,会创建另一个对话框。在该对话框中,viewable设置为false的列不会出现。但我想在搜索工具栏中隐藏搜索字段而不是在新对话框中。我怎么能这样做?

我还尝试获取相应的div(围绕我的搜索字段的那个)并将其style.display设置为none。但这没有用。

我有可能在搜索工具栏中隐藏此搜索字段吗?

1 个答案:

答案 0 :(得分:18)

在您的列模型中,为不希望搜索过滤器的列添加选项search:false。 例如:

{
    label : 'User',
    name : 'name',
    width : 500,
    sortable : false,
    search : false
}

您可以找到文档here