It seems like the autoCheckHierarchy function is not working.

[ThreeGo]

I set autoCheckHierarchy property in vue treegrid but it doesn't seem to work. 

<ejs-treegrid ref="treegrid"

    :autoCheckHierarchy="true"

>

</ejs-treegrid>

Can you please check?

[Pon Selva Jeganathan]

Hi ThreeGo,

Greetings from syncfusion.

We have prepared a sample using your shared code example. However, we were unable to replicate the issue(autocheck hierarchy not working ) at our end.

Refer to the below sample,

https://stackblitz.com/edit/qjh4da-kxbeva?file=src%2FApp.vue

When using the autoCheckHierarchy property, ensure that the showCheckbox property for the column is enabled. Kindly ensure that in your sample.

Refer to the below help documentation,

https://ej2.syncfusion.com/vue/documentation/treegrid/columns/columns#checkbox-column

If the issue persists in your scenario, we kindly request you to provide us with below details:

1. Detailed explanation of your issue(Specific scenario).
2. Complete Code example.
3. Any customizations made to the checkbox rendering.
4. Issue replication steps
5. Stacktrace details(if face any)
6. The package version details you are using.
7. Video demo or screen shot of the issue

This information will help us to better understand, find the exact cause of the issue and provide a more accurate solution.

Kindly get back to us for further assistance.

Regards,

Pon selva

[ThreeGo]

Thank you, Pon selva.

I understood that  autoCheckHierarchy is applied even when the selection type is checkbox.

<ejs-treegrid:selectionSettings="{ checkboxMode: 'Default', checkboxOnly: true }" ></ejs-treegrid>

I understand from your answer that autoCheckHierarchy property is not applied when selection type is checkbox mode.

Well then, I have another question.

Is there a way to remove or disable the checkbox in the column headers in the sample you sent?

Thank you for your constant sincere response.

[Farveen Sulthana Thameeztheen Basha]

ThreeGo,

Query#:- Is there a way to remove or disable the checkbox in the column headers

Yes we can hide the header checkbox by applying the below CSS styles to the TreeGrid.

Refer to the code below:-

 

<style>

 

.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {

  display: none !important;

}

</style>

Sample link:- https://stackblitz.com/edit/qjh4da-msuz2q?file=src%2FApp.vue

Also checkbox selection (which selects the corresponding row) and checkbox column (select the checkbox based on hierarchy) both possess different functionality. Checkout the documentation and demo links and use the checkbox as per your requirement.

Please get back to us if you are facing any difficulties. We are happy to assist you.

Regards,

Farveen sulthana T

[ThreeGo]

Thank you for your reply. 

It helped me a lot.

[Farveen Sulthana Thameeztheen Basha]

ThreeGo,

We are glad to know that your reported problem has been resolved. Please get back to us if you need any further assistance. We are happy to assist you.