0

我在我的 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());
};

当我在页面加载后选择特定元素时调用此函数。

现在，当展开或选择带有文本“今年缺席”的面板时，我想将网格添加到此面板中。

谢谢，

4

1 回答 1

1

这是解决方案，以防有人正在寻找它：

首先将具有 div 元素的“内容”附加到面板

面板栏.附加（

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

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

var grid= $("#grid").kendoGrid({ dataSource: dataSource,
scrollable: false,
editable: true, navigatable: true, toolbar: ["save","cancel", "create"], columns: [" Id", "名称", "位置"]
}).data("kendoGrid");

于 2013-05-14T22:00:37.937 回答