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

Question

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

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

我包括警告声明，以测试和功能实际上是被调用。关闭提示窗口后，我没有收到任何调试错误，但是也没有扩展行。

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]