Add checkbox only leaf node.

[Brijesh]

I have a treeView with multiple hierarchy, and only leaf/last node should have checkbox, not any parent should have checkbox.

I have refered many threads and examples. Tried Checkboxes Template but that makes another issue that values did not get binded with checkbox.
I need treeview like (https://jsbin.com/edamuj/131/edit?html,output)

 

 

@(Html.Kendo().TreeView()
                                .Name("treeview")
                                .Events(e => e.Select("OnSelectTree").DataBound("OnDataBound")).ExpandAll(true)
                                .Checkboxes(checkboxes => checkboxesName("checkedFiles"))
                                .BindTo((List<DPS.Model.ReviewDocumentTreeViewItemModel>)ViewBag.DocumentTreeData, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) =>
                                {
                                    mappings.For<DPS.Model.ReviewDocumentTreeViewItemModel>(binding => binding.ItemDataBound((item, category) =>
                                    {
                                        item.Id = category.Id;
                                        item.Text = category.Name;
                                        item.Selected = category.IsSelected;
                                        item.HtmlAttributes.Add("data-allowselection", category.AllowSelection);
                                        item.Expanded = true;
                                        item.Checked = category.IsReviewed;
                                    }).Children(g => g.Items));
                                }))

[Aleksandar]

Hello Brijesh,

When using a checkbox template you will need to handle the change in checkbox state manually, for example as demonstrated in this article:

https://docs.telerik.com/kendo-ui/knowledge-base/check-checkbox-on-select-node

I also tried to reproduce the issue where the state is not bound correctly when a template is used, ut to no avail. I modified the Treeview demo and added the following checkbox template:

.CheckboxTemplate("# if (!item.hasChildren) { #" +
                "<input type='checkbox' name='checkedFiles[#=item.text#]' class='k-checkbox' #= item.checked ? 'checked' : '' #>" +
            "# } #")

The expanded state and checked state is bound as expected. I am attaching a sample project for you to review. If I missed the essence of the issue reported, would it be possible to modify the example so the behavior is isolated and send it back to me for further review?

Regards,
Aleksandar
Progress Telerik