캡션 레이어에서 JQuery jQGrid 확장/축소 격자 클릭

Question

캡션 레이어를 클릭하여 표를 확장/축소 할 수있는 방법이 있습니까? 기본적으로로드 된 1680x1050 화면에 3 개의 매우 큰 테이블이 표시되며 사용자가 테이블을 펼치거나 접을 때마다 캡션 레이어의 펼치기/접기 버튼을 클릭해야합니다. 그것은 "아주 멀리"위치합니다.

Answer 1

당신은 당신은 라이브 데모 here을 볼 수 있습니다

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

처럼 구성 할 수 있습니다.

업데이트 됨 : 아마도 캡쳐 표시 줄의 최소화 요소를 기본 오른쪽 위치 대신 왼쪽 크기에 배치하는 데 도움이 될까요? 당신은 데모 here 업데이트를 참조하십시오

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

이 작업을 수행 할 수 있습니다.

업데이트] 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

완벽한 트릭을 만들었습니다. 정말 고마워! 그래서, 확장 올렉 주문에 따라/당신이 사용할 수있는 제목 표시 줄 (캡션 층)을 클릭하여 전체 테이블을 축소에는 myGrid는

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

입니다

여기서

var myGrid = jQuery("#jquery_grid"); 

Answer 4

이 한 사람이 모든 사람을 대신하여 작동합니다 페이지의 그리드

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