java - 在JSP中动态添加kendo panelbar面板内的kendo grid

Question

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

我能够动态加载面板栏，但现在我想在用户单击该面板时将网格插入到其中一个面板中。我得到了选择/展开事件来捕获该操作，但我不确定如何在那里插入网格。

如有任何建议或指示，我们将不胜感激。谢谢!

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 元素的“内容”

面板栏.append(

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

现在，将该 div 转换为网格。

var grid= $("#grid").kendoGrid({ 数据源:数据源，
可滚动:假，
可编辑:真实， 可导航:正确， 工具栏:[“保存”，“取消”，“创建”]， 列:[“ID”、“姓名”、“职位”]
}).data("kendoGrid");