在JSP中的kendo panelbar面板中動態添加kendo網格

Question

我在我的Java JSP應用程序中使用Kendo UI。

我能夠動態地加載面板欄，但現在我想在用戶單擊該面板時將網格插入其中一個面板。我得到了select/expand事件來捕獲這個動作，但我不知道如何在那裏插入Grid。

任何建議或指針表示讚賞。謝謝！

function createAttendancePanel(){ 

$("#attendance-details").kendoPanelBar({ 
     expandMode: "multiple", 
     select: selectAttndPanel 
     }); 
    var attendancePanelBar = $("#attendance-details").kendoPanelBar().data("kendoPanelBar"); 

attendancePanelBar.append({text: "Absence This Year", id:"item1"}, attendancePanelBar.select()); 
}; 

當我在加載頁面後選擇特定元素時，會調用此函數。

現在，當文字「缺席今年」的面板被展開或選中時，我想將網格添加到此面板中。

感謝，

Answer 1

這裏是解決方案，在一些情況下，一個是尋找它：

首先追加與具有div元素

panelbar.append「內容」面板（

{ 
     text: "<b>Item 2</b>", 
     encoded: false,         
     content: "<div id='grid'></div>"     
    } 
); 

現在，轉換該分區電網。

VAR電網= $（ 「＃電網」）kendoGrid（{ 數據源：數據源，
滾動：假的，
編輯：真， 導航的：真實， 工具欄： 「保存」， 「取消」，「創建「]， 列：[」Id「，」Name「，」Position「]
}）。data（」kendoGrid「）;