在kendoui中动态地将网格插入面板栏

时间:2012-06-18 05:42:49

标签: asp.net-mvc-3 visual-studio-2010 kendo-ui

我正在使用Kendo UI。 我能够动态加载面板栏。现在我想将网格插入面板栏。如果我点击面板栏标题,在标题内我必须显示网格,我想动态加载网格。

任何建议..

2 个答案:

答案 0 :(得分:0)

您可以将回调绑定到PanelBar中的相应事件,例如selectexpand,并在回调中加载网格。

像这样(没时间测试......):

var panelBar = $("#panelBar").data("kendoPanelBar");
// bind the error ajax event
panelBar.bind("expand", function(e) {
    $(e.item).kendoGrid();
});

答案 1 :(得分:0)

我已经完成了这个here,虽然手风琴在小提琴中不起作用,但是当我在本地运行编码时它会起作用。我觉得有些事情只是错误的,但编码工作正确!

例如,我计算dataSource中出现的次数,然后我创建了一个循环来运行那么多次,我在循环中创建了一个网格。

这与循环相同:

$(doc).find("component").each(function (x, component) 
{
    $("#gridGenerate" + x).kendoGrid({
    dataSource: {
        transport: {
            read: function (op) {
                console.log("read");
                return op.success(gridDataArray);
            }
        },
        pageSize : 9
    }
});

希望这很有用。