通过单击按钮扩展Shield UI JavaScript网格行

Question

我需要一些Shield UI JavaScript Grid的帮助。我调查了可用的来源，但我找不到如何通过单击按钮扩展网格的某些行的问题的答案。有类似的例子来排序网格，但不是这个特定的网格。 我试图弄明白我的方式并在页面上放置一些代码，如下所示：

 function expandRows() {
        alert("Function");
        $("#grid2").swidget().expandRow([0]);
        $("#grid2").swidget().expandRow([1]);
    }

我包含了alert语句以便测试并且实际调用了该函数。关闭提示窗口后，我没有收到任何调试错误，但是也没有扩展行。

Answer 1

您缺少一个声明，以便您可以正确引用不可直接访问的网格行。 为此，您可以使用如下变量：

        var rows = $(".sui-expandable").find(".sui-row");

并且修改后的函数将类似于以下内容：

    function expandRows() {  
        var rows = $(".sui-expandable").find(".sui-row");
        $("#grid2").swidget().expandRow(rows[0]);
    }

您可以通过索引引用任何行来进一步展开：

rows[0]