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元素

的“content”

panelbar.append（

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

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

var grid = $（“＃grid”）。kendoGrid（{       dataSource：dataSource，
      可滚动：false，
      可编辑：是的，       navigatable：true，       工具栏：[“保存”，“取消”，“创建”]，       列：[“Id”，“Name”，“Position”]     }）的数据（ “kendoGrid”）;

在JSP中动态添加kendo面板栏内的kendo网格

1 个答案: