[Solved] Bind at arbitrary levels

[Chris Williams]

I was wondering whether there was any possiblity to mix declared TreeView items and bound items.

For example, let's say that I wanted to create a mvc treeview that had the word "Trees" as the single top node, and then a list of Tree types underneath it, as such:

Trees
    -> Ash
    -> Maple
    -> Oak

I have a model of IQueryable<Tree>, and I can create a flat treeview fine. But, what I want to do is manually create a single Item at the root ("Trees"), and then bind my model as its children.

Any suggestions as to how I might do that?

[Alex Gyoshev]

Hello Chris,

Luckily, the TreeViewItem is a NavigationItemContainer, so:

.Items(treeview => {
    treeview.Add().Text("Employees")
        .ToItem()
        .BindTo(Model, mappings =>
        {
            mappings.For<Employee>(binding => binding
                .ItemDataBound((item, employee) =>
                {
                    item.Text = employee.FirstName;
                })
                .Children(employee => employee.Employees));
        });
})

Hope this helps,
Alex Gyoshev
the Telerik team

[Chris Williams]

Thanks, this works beautifully.