Events

You can subscribe to all TreeList events and then use them to further customize the behavior of the control.

The example below demonstrates how to use the DataBound event that the TreeList triggers when it is loaded with data.

    @using Kendo.Mvc.UI

    @(Html.Kendo().TreeList<MyApplication.Models.EmployeeDirectoryRemoteModel>()
        .Name("treelist")
        .Columns(columns =>
        {
            columns.Add().Field(f => f.FirstName).Width(250);
            columns.Add().Field(e => e.LastName);
            columns.Add().Field(e => e.Position);
            columns.Add().Field(e => e.Extension).Title("Ext").Format("{0:#}");
        })
        .DataSource(dataSource => dataSource
            .Read(read => read.Action("GetData", "Home"))
            .Model(m => {
                m.Id(f => f.EmployeeId);
                m.ParentId(f => f.ReportsTo).Nullable(true);
                m.Field(f => f.FirstName);
                m.Field(f => f.LastName);
                m.Field(f => f.ReportsTo);
            })
        )
        .Events(events =>
        {
            events.DataBound("onDataBound");
        })
    )

    <script>
        function onDataBound(e) {
            console.log("TreeList data bound");
        }
    </script>

Next Steps

• API for Configuring the TreeList Events
• Using the TreeList Events (Demo)

See Also

• Using the API of the TreeList for ASP.NET MVC (Demo)