Jqgrid 애니메이션 jquerUi 아코디언처럼 subgrid 열기/닫기

Question

그리드에서 jqGrid-subGrid 옵션을 사용하고 있습니다. 모든 행에 subgrid가 있고 jqueryui 아코디언처럼 subgrid의 시작과 종료를 애니메이션으로 만들려고합니다.

는 두 가지 기능이 있습니다

• collapseSubGridRow
• expandSubGridRow

하지만 오프닝을 변경하는 클릭 이벤트에 대한 올바른 트리거를 찾을 수 없습니다. 이것도 가능합니까?

미리 감사드립니다.

Answer 1

이 솔루션에는 이전에 열린 서브 그리드를 닫는 애니메이션이 포함되어 있지 않으므로 아코디언처럼 한 번에 하나의 그리드 만 열립니다.

var expandedRowId=null; 

$("#jqgrid_0").jqGrid({ 
    ..., 
    subGridRowExpanded: function(subgrid_id, row_id) { 
     if(expandedRowId!=null && expandedRowId!=row_id){ 
      $("#jqgrid_0").jqGrid ('toggleSubGridRow', expandedRowId); 
     } 
     expandedRowId=row_id 
     ... 
    }, 
    // clicking on row will toggle sub-grid 
    onSelectRow: function (rowId) { 
     if(expandedRowId==rowId)expandedRowId=null; 
     $("#jqgrid_0").jqGrid ('toggleSubGridRow', rowId); 
    } 
} 

희망이 있습니다.