Server Binding

Local data is the data that is available on the client when the DropDownTree is initialized.

You can bind the DropDownTree locally on the server by passing the appropriate collection to the HTML helper BindTo() method.

  1. Pass the data to the view through ViewData.

    public IActionResult Index()
    {
        ViewBag.dropdowntreeData = GetData();
        return View();
    }
    
    private IEnumerable<DropDownTreeItemModel> GetData()
    {
        List<DropDownTreeItemModel> data = new List<DropDownTreeItemModel>
            {
                new DropDownTreeItemModel
                {
                    Text = "Furniture",
                    Items = new List<DropDownTreeItemModel>
                    {
                        new DropDownTreeItemModel()
                        {
                            Text = "Tables & Chairs"
                        },
                        new DropDownTreeItemModel
                        {
                                Text = "Sofas"
                        },
                        new DropDownTreeItemModel
                        {
                                Text = "Occasional Furniture"
                        }
                    }
                },
                new DropDownTreeItemModel
                {
                    Text = "Decor",
                    Items = new List<DropDownTreeItemModel>
                    {
                        new DropDownTreeItemModel()
                        {
                            Text = "Bed Linen"
                        },
                        new DropDownTreeItemModel
                        {
                                Text = "Curtains & Blinds"
                        },
                        new DropDownTreeItemModel
                        {
                                Text = "Carpets"
                        }
                    }
                }
            };
    
        return data;
    }
    
  2. Add the DropDownTree to the view and bind it to the data that is saved in the ViewData.

    @using Kendo.Mvc.UI.Fluent
    
    @(Html.Kendo().DropDownTree()
        .Name("dropdowntree")
        .BindTo((IEnumerable<DropDownTreeItemModel>)ViewBag.dropdowntreeData)
    )
    

See Also

In this article
Not finding the help you need? Improve this article