KendoUI：如何在运行时在TabStrip内插入TreeView

我需要在tabstrip内添加一个树形视图。我的情景是，点击一个按钮后，我会得到如下的一些数据。我需要为每个报告生成1个标签，并在tab内为Data添加treeview。这可能吗？如果是的话，你可以让我知道如何做到这一点？我非常感谢你的帮助。KendoUI：如何在运行时在TabStrip内插入TreeView

JSON数据：

[ 
    Report 1: { Data: [ ] }, 
    Report 2: { Data: [ ] } 
]

谢谢。

来源

2014-01-23 sarav

这是你最后的JSON？这是有效的空间作为属性名称？有没有像'[ {选项卡：“报告1”，数据：[]}， {选项卡：“报告2”，数据：[]} ]' – OnaBai

我要提出一个稍加改造你的JSON所以它看起来像这样：

[ 
    { Id : "Report 1", Data: [ ] }, 
    { Id : "Report 2", Data: [ ] } 
]

哪里Id是我们要显示的标签和标签Data文字内容的tree。

开始向每个选项卡添加初始（空白）内容。

$.each(data, function(idx, elem) { 
    elem.Content = "<div>hello</div>"; 
});

所以，你可以这样做：

// Create TabStrip 
var ts = $("#tabstrip").kendoTabStrip({ 
    dataTextField: "Id", 
    dataContentField: "Content", 
    dataSource: data 
}).data("kendoTabStrip");

现在为每个标签，创建树：

$.each(data, function(idx, item) { 
    var c = ts.contentElement(idx); 
    $(c).kendoTreeView({ 
     dataSource : item.Data 
    }); 
});

你可以看到它运行在这里：http://jsfiddle.net/OnaBai/x6Acn/1/

来源

2014-01-23 08:55:28 OnaBai

'非常感谢你:)。 – sarav

KendoUI：如何在运行时在TabStrip内插入TreeView

回答

相关问题