在kendoui中動態插入網格

Question

我正在使用Kendo UI。 我能夠動態地加載面板欄。現在我想要將網格插入到面板欄中。如果我點擊面板欄標題，在標題內我必須顯示網格，並且我想要動態加載網格。

任何建議..

Answer 1

你可以回調綁定到PanelBar，像select或expand適當的事件，並在回調加載網格。

像這樣（沒有時間去考...）：

var panelBar = $("#panelBar").data("kendoPanelBar"); 
// bind the error ajax event 
panelBar.bind("expand", function(e) { 
    $(e.item).kendoGrid(); 
}); 

Answer 2

我做這個here，雖然手風琴不在撥弄工作，它的工作原理，當我運行編碼本地。我認爲有些東西是錯誤的，但編碼起作用！

例如，我計算了dataSource中出現的次數，然後創建了一個循環來運行這個次數，我在循環中創建了一個網格。

這個工程一樣一個循環：

$(doc).find("component").each(function (x, component) 
{ 
    $("#gridGenerate" + x).kendoGrid({ 
    dataSource: { 
     transport: { 
      read: function (op) { 
       console.log("read"); 
       return op.success(gridDataArray); 
      } 
     }, 
     pageSize : 9 
    } 
}); 

希望這是非常有用的。