Question

我需要在tabstrip内添加树视图。我的方案是，点击一个按钮，我得到一些如下的数据。我需要为每个报告生成1个标签，并在treeview内为Data添加tab。这可能吗？如果是的话，你能告诉我怎么做吗？我非常感谢你的帮助。

JSON数据：

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

谢谢。

Answer 1

我打算对你的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/

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

1 个答案: