JQuery jQGrid在标题层单击时展开/折叠网格

Question

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

Answer 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，点击整个网格捕获，然后展开/折叠网格。

Answer 2

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

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

Answer 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();}

在文档中，有一个关于HeaderClick的网格标题的事件，但是Caption图层没有任何内容包含所表示数据的公共信息。

Answer 4

完美的伎俩。非常感谢！ 因此，根据Oleg通过单击您可以使用的标题栏（标题层）来扩展/折叠整个表：

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

myGrid是：

var myGrid = jQuery("#jquery_grid");