javascript - Jqgrid 动画打开/关闭子网格，如 jquerUi Accordion

Question

我在网格中使用 jqGrid-subGrid 选项。每行都有一个子网格，我正在尝试为子网格的打开和关闭设置动画，就像 jqueryui Accordion 那样。

有两个函数

• collapseSubGridRow
• 展开SubGridRow

但我找不到点击事件的正确触发器来更改开头。 这可能吗？

提前致谢!

Answer 1

此解决方案不包含动画，它只是关闭之前打开的子网格，因此一次仅打开一个网格 - 就像 Accordion 一样。

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

希望这有帮助。