简体   繁体   English

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

[英]How to add multi line node in kendo tree view

I am creating a kendo tree view. 我正在创建剑道树视图。 Is it possible to have multiline nodes in kendo tree view. 剑道树视图中是否可能有多行节点。 I am using kendo controls in my .net MVC application. 我在.net MVC应用程序中使用kendo控件。

I am using below template to create tree view. 我正在使用下面的模板创建树形视图。

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

Have a look at http://demos.telerik.com/aspnet-mvc/treeview/templates 看看http://demos.telerik.com/aspnet-mvc/treeview/templates

You should be able to do it like this 你应该能够像这样

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

Then add the template onto your cshtml 然后将模板添加到您的cshtml中

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

Next create a model 接下来创建一个模型

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

Then add your controller action 然后添加您的控制器动作

  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"
            }
        };
    }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM