JQuery jQGrid在标题图层上展开/折叠网格点击

Question

是否有任何方法通过点击标题图层来展开/折叠网格？ 我有3个非常大的表格，这些表格显示在默认加载的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。

UPDATED 2：另请参阅one more example点击整个网格捕获后跟随网格的展开/折叠。

Answer 2

我的意思是，点击实际的标题图层（标题栏），表格中的深蓝色部分，在其中放置文字“如何展开/折叠标题图层上的网格”文本，并在右侧你有一个小按钮来展开/折叠。 有什么样：

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

或

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

在本文档中有网格onHeaderClick的头一个事件，但并没有什么针对标题层包含了公共信息代表数据。

Answer 3

完美的伎俩。万分感谢！ 所以，acording奥列格展开/点击标题栏（标题层）上折叠整个表，你可以使用：

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

其中myGrid是：

var myGrid = jQuery("#jquery_grid"); 

Answer 4

这一次将所有工作网页上的网格。

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