java在JSP中动态地将剑道网格添加到剑道panelbar的面板中

Question

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

我可以动态加载面板栏，但现在我想在用户单击某个面板时将网格插入其中一个面板。我获得了select/expand事件来捕捉该操作，但我不确定如何在那里插入网格

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

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元素的“content”追加面板

panelbar。附加（

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

现在，将该div转换为网格

var grid=$（“#grid”）。肯多格里德({ 数据源：数据源，
可滚动：false，
是的， 可导航：没错， 工具栏：[“保存”、“取消”、“创建”]， 列：[“Id”、“Name”、“Position”]
}).数据（“kendoGrid”）