如何在 kendo 树视图中添加多行节点

Question

我正在创建一个 kendo 树视图。 kendo 树视图中是否可以有多行节点。我在我的 .net MVC 应用程序中使用 kendo 控件。

我正在使用以下模板创建树视图。

@(Html.Kendo().TreeView()
     .Name("treeview-left")   
     .BindTo((IEnumerable<TreeViewItemModel>)ViewBag.inlineDefault)
     .Events(events => events
     .Select("onSelect"))
)

Answer 1

看看http://demos.telerik.com/aspnet-mvc/treeview/templates

你应该可以这样做

@(Html.Kendo().TreeView()
.Name("treeview")
.TemplateId("treeview-template")
.DataSource(source =>
{
    source.Read(read => read.Action("GetSomeData", "MyController"));
})    
)

然后将模板添加到您的 cshtml

<script id="treeview-template" type="text/kendo-ui-template">
 <p>
    #: item.Text #<br/>
    #: item.OtherText #<br/>
    #: item.SomeMoreText #
 </p>
</script>

接下来创建一个模型

    public class CustomTreeViewItemModel : TreeViewItemModel
    {
       public string OtherText { get; set; }
       public string SomeMoreText { get; set; }
    }

然后添加控制器操作

  public ActionResult GetSomeData()
    {
        return Json(GetData(), JsonRequestBehavior.AllowGet);
    }
 /*I added this to get some data*/
 private List<CustomTreeViewItemModel> GetData()
    {
        return new List<CustomTreeViewItemModel>
        {
            new CustomTreeViewItemModel
            {
                Id="1",
                Text="Text",
                OtherText="OtherText",
                SomeMoreText="SomeMoreText"
            }
        };
    }