Jqgrid像jquerUi Accordion一样动画打开/关闭子网格

时间:2011-09-06 21:12:35

标签: javascript jquery jquery-ui jqgrid

我在网格中使用jqGrid-subGrid选项。每一行都有一个子网格,我试图为子网格的打开和关闭设置动画,就像jqueryui手风琴一样。

有两个功能

  • collapseSubGridRow
  • expandSubGridRow

但我无法找到click事件的正确触发器来更改开口。 这甚至可能吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

此解决方案不包括动画,它只关闭先前打开的子网格,因此一次只打开一个网格 - 就像手风琴一样。

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

希望这有帮助。