JQuery jQueryGrid 在标题层单击展开/折叠网格答案

【问题标题】：JQuery jQGrid expand /collapse grid on caption layer clickJQuery jQueryGrid 在标题层单击展开/折叠网格
【发布时间】：2010-12-03 09:18:58
【问题描述】：

是否有任何方法可以通过单击标题图层来展开/折叠网格？我有 3 个非常大的表格，它们显示在 1680x1050 屏幕上，默认加载、折叠，每次用户想要展开/折叠表格时，他都必须单击标题层的展开/折叠按钮，其中位置“非常远”。

【问题讨论】：

【解决方案1】：

你可以使用类似的构造

$(".ui-jqgrid-titlebar-close",$("list")[0].grid.cDiv).click();

你可以看到现场演示here。

更新：也许它会帮助您将捕获栏中的最小化元素放在左侧大小而不是默认右侧位置？您可以使用

.ui-jqgrid .ui-jqgrid-titlebar-close {position:relative;top:auto;margin:0;float:left}

查看更新的演示 here。

更新 2：另请参阅 one more example，单击整个网格捕获跟随展开/折叠网格。

【讨论】：

【解决方案2】：

这个适用于页面上的所有网格。

$(".ui-jqgrid-titlebar").click(function() {
     $(".ui-jqgrid-titlebar-close", this).click();
});

【讨论】：

【解决方案3】：

我的意思是，单击实际的标题层（标题栏），即表格中的深蓝色部分，您将文本“如何在标题层单击上展开/折叠网格”文本并在右侧放置有小按钮展开/折叠。有没有类似的东西：

onCaptionClick:function(state){$(".ui-jqgrid-titlebar-close",$("#id")[0].grid.cDiv).click();}

或

onTitleBarClick:function(state){$(".ui-jqgrid-titlebar-close",$("#id")[0].grid.cDiv).click();}

在文档中，网格的 Header 有一个事件 onHeaderClick ，但 Caption 层没有包含所表示数据的公共信息的任何内容。

【讨论】：

在您的问题中，您要求“扩展/折叠网格的方法”。 onCaptionClick 和 onTitleBarClick 是事件。你真正需要什么？另外看看我更新的答案。
我正在寻找一种方法来扩展/折叠网格，只需单击标题栏，而不是右上角的小按钮。用户单击时是否会触发像 onTitleBarClick 这样的事件标题栏？
@mirku：那就这样做吧！这很简单！请参阅我的问题的下一次更新。
@mirku：如果您对自己的问题发表评论，我不会收到任何通知。您应该改用“@name”表示法（参见meta.stackexchange.com/questions/43019/…）。

【解决方案4】：

完美的成功了。十分感谢！因此，根据 Oleg 通过单击标题栏（标题层）来展开/折叠整个表格，您可以使用：

 $(myGrid[0].grid.cDiv).click(function() {
            $(".ui-jqgrid-titlebar-close",this).click();
        });

myGrid 在哪里：

var myGrid = jQuery("#jquery_grid");

【讨论】：