キャプションレイヤーでJQuery jQGridの展開/折りたたみグリッドをクリック

Question

キャプションレイヤーをクリックしてグリッドを展開/折りたたむ方法はありますか？ 私は、デフォルトで読み込まれ、折りたたまれて、1680x1050の画面に表示される3つの非常に大きなテーブルを持ち、テーブルを展開/折りたたむときは、キャプションレイヤーの展開/折りたたみボタンをクリックする必要があります。それは「非常に遠い」位置にある。

Answer 1

あなたはライブデモhereを見ることができます

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

のように構築することができます。

UPDATED：デフォルトの正しい位置ではなく、キャプチャバーの最小要素を左のサイズに配置するのに役立つでしょうか？これを行うには

.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がある

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

：

var myGrid = jQuery("#jquery_grid"); 

Answer 4

この1つはすべてのために動作しますページ上のグリッド。

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