通過單擊按鈕擴展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]