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

时间:2015-06-25 09:47:51

标签: asp.net-mvc kendo-ui kendo-asp.net-mvc kendo-treeview

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

我使用下面的模板来创建树视图。

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

1 个答案:

答案 0 :(得分: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"
            }
        };
    }