Checkboxes below the expanded node lose their state

[n/a]

Hi,

 

I'm using the MVC TreeList with remote data loading.I have the latest column to be a checkbox, but I have an issue when the node is expanded. After expanded, all of the nodes below in the same tier get unchecked, even if they were checked before that. Here is a video of the problem.

https://www.screencast.com/t/zt234VFtdLEO

Am I doing something wrong?

This is the code for the tree list:

        @(Html.Kendo().TreeList<TreeEntity<Organization>>()
                                                                                                .Name("treelist")
                                                                                                .Columns(columns =>
                                                                                                {
                                                                                                    columns.Add().Field(e => e.Value.Id).Width(280).Title("ORG ID");
                                                                                                    columns.Add().Field(e => e.Value.Name).Width(280).Title("ORGANIZATION NAME");
                                                                                                    columns.Add().Field(e => e.Value.ActiveFlag).Width(60).Title("ACTIVE");
                                                                                                    columns.Add().Width(60).Title("SELECT").TemplateId("cbx-template");
                                                                                                })
                                                                                        .DataSource(dataSource => dataSource
                                                                                            .Read(read => read.Action("OrganizationsTree_Read", "Home"))
                                                                                            .Model(m =>
                                                                                            {
                                                                                                m.Id(f => f.Id);
                                                                                                m.ParentId(f => f.ParentId).DefaultValue(null);
                                                                                                m.Field(f => f.Value.Id);
                                                                                                m.Field(f => f.Value.ParentId);
                                                                                            })
                                                                                            )
                                                                                            .Events(events => { events.DataBound("onTreeDataBound"); events.Expand("onTreeExpand"); })
                                                                                .Height(540)
        )

 

DataBound and Expand are JS methods without any code except console.log(arg).

 

Thank you

[Konstantin Dikov]

Hi Adam,

For others with similar issue, I am sharing the answer from the support ticket that you have opened:

"Although that the code for the template with the checkbox is missing in the code snippet, I would guess that there is no two-way binding between the dataItem and the checkboxes, which means that each time a node is expanded or collapsed, all records after the expand/collapse point will be rendered again with the value present in the underlying dataItem (the initial value) or the initial template. This is the expected behavior and there is no suitable solution that we could recommend.

Nevertheless, you could take a look at the following HowTo example and re-use the client-side logic for persisting the checked state of the checkboxes:
https://docs.telerik.com/kendo-ui/controls/data-management/treelist/how-to/show-a-checkbox-column "


Best Regards,
Konstantin Dikov
Progress Telerik