The father node doesn't show the right icon when checked children exists

[Marco Rizzato]

Hi,

I'm working with the vue treeview (19.3.46) in "checkbox mode" and I saw that if all the nodes are collapsed and exists a checked child in the 3rd level or more, the root node doesn't show the  icon ( but the blank one instead). When you start to expand the nodes manually, the right icon appears.
The problem seems to occur when the checked child has sibilings who in turn have sons.

HERE you can find an example of the issue.

Thanks in advance.
Marco Rizzato

[LeoLavanya Dhanaraj]

Hi Marco,

Greetings from Syncfusion support.

We have validated your reported query in the Vue TreeView component with the shared sample. By default, the TreeView LoadOnDemand property is set as true, which will initially render only the parent node items and the child items will be rendered on demand while expanding the corresponding parent node.

So, the nested level node checked state is not reflected in the UI. By setting this property as false, you will be able to achieve your requirement.

Please refer to the code snippet below.

[index.vue]

<ejs-treeview

    id="notWorkingTreeView"

    :fields="notWorkingFields"

    :showCheckBox="true"

    :loadOnDemand="false">

</ejs-treeview>

For your reference, we have modified the sample.

Sample : https://codesandbox.io/s/syncfusion-treeview-checked-childs-forked-11sb7f?file=/pages/index.vue

API reference : https://ej2.syncfusion.com/vue/documentation/api/treeview/#loadondemand

Please let us know if you need any further assistance.

Regards,

Leo Lavanya Dhanaraj

[Marco Rizzato]

Hi LeoLavanya,

thanks a lot!
The LoadOnDemand property resolved my issue.

Thanks again and have a good day.

Regards,
Marco Rizzato

[Ranjani Prabakaran]

Hi Marco,

You are welcome. Please get back to us if you need any further assistance.

Regards,

Ranjani