如何删除（或隐藏）jqgrid 中的标题栏？答案

【问题标题】：How can you remove (or hide) the caption bar in jqgrid?如何删除（或隐藏）jqgrid 中的标题栏？
【发布时间】：2011-03-12 17:26:13
【问题描述】：

我看到您可以使用以下代码添加顶部标题栏并放置标题：

jQuery('#grid').setCaption("Title");

如果我已经设置了标题，是否可以删除标题栏？

我试过了，但它只是删除了文本（不会删除整个标题栏）。

jQuery('#grid').setCaption("");

【问题讨论】：

标签： jquery filter jqgrid caption

【解决方案1】：

如果你想快点，测试

$(".ui-jqgrid-titlebar").hide();

或者如果你有多个网格，那么只隐藏 $("#grid") 的标题栏，然后做

$("#gview_grid > .ui-jqgrid-titlebar").hide()

【讨论】：

【解决方案2】：

如果您创建没有标题栏 (caption: "") 的 jqGrid，并根据开发人员工具或 Firebug 检查网格，您将看到带有 @987654324 的类“ui-jqgrid-titlebar”的<div> @ 以“ui-jqgrid-title”类和以“ui-jqgrid-titlebar-close”类作为子元素的锚点：

<div id="gbox_list" class="ui-jqgrid ui-widget ui-widget-content ui-corner-all">
    ...
    <div id="gview_list" class="ui-jqgrid-view">
        <div style="display: none;"
             class="ui-jqgrid-titlebar ui-widget-header ui-corner-top ui-helper-clearfix">
            <a style="right: 0px;" class="ui-jqgrid-titlebar-close HeaderButton"
               role="link" href="javascript:void(0)">
                <span class="ui-icon ui-icon-circle-triangle-n"></span>
            </a>
            <span class="ui-jqgrid-title"></span>
        </div>
        ...

所以即使你创建没有标题栏的网格 jqGrid 创建标题栏的所有隐藏元素。

我查看了创建标题的 jqGrid 代码，可以找到以下片段

if(ts.p.caption) {
    ...
    $(".ui-jqgrid-titlebar-close",grid.cDiv).click( function(e){
    ...
} else {$(grid.cDiv).hide();}

所以要获得与使用caption: "" 参数初始化的网格相同的结果，您可以执行以下操作

var mygrid = jQuery('#list'),
    cDiv = mygrid[0].grid.cDiv;
mygrid.setCaption("");
$("a.ui-jqgrid-titlebar-close",cDiv).unbind();
$(cDiv).hide();

只有当您确定网格稍后不会有标题 (caption) 时，您才应该从最小化按钮取消绑定。绑定占用的资源更少，并且对隐藏网格没有任何作用。

所以 Pravat Maskey 的 the suggestion 只是为了隐藏标题是绝对正确的，我的调查只是证实了这一点。

【讨论】：