How to remove parent element if they don't have child in kendo dropdowntree using javascript

Question

Remove parent element if they have no child elements using java script

Answer 1

Remove them from dataSource using remove() filtering dataItems which has the items property empty. Example:

let treeDS = $("#dropdowntree").data("kendoDropDownTree").dataSource;

treeDS
    .data()
    .filter(dataItem => !dataItem.items.length)
        .forEach(dataItem => treeDS.remove(dataItem));

Working demo

Teardown:

1. Get the dataSource:

   let treeDS = $("#dropdowntree").data("kendoDropDownTree").dataSource;
   

2. Get its data:

   treeDS.data()
   

3. Filter only dataItems with empty items property:

   .filter(dataItem => !dataItem.items.length)
   

4. Remove those items from the dataSource:

   .forEach(dataItem => treeDS.remove(dataItem));