Unable to add checkbox to the treegrid

[Amenawon]

I am unable to add checkboxes to perform hierarchical selection on the child and parent nodes.

I have installed the treegrid module and I cant find the showCheckbox.

I replicated the sample on my project and still unable to see the checkboxes

Is this a new feature? and do i have to update it ?

[Vignesh Natarajan]

Hi Amenawon,  

 

Greeting from Syncfusion support.  

 

Query: “Is this a new feature? and do i have to update it ?” 

 

Yes. We have provided support to render checkbox in TreeGrid from 2019 Volume 1 Beta release (17.1.32). Please find the release notes for the sample from below  

 

https://ej2.syncfusion.com/angular/documentation/release-notes/17.1.32/#treegrid  

 

So kindly upgrade to latest version or minimum of 17.1.32 version to render the checkbox in the TreeGrid. 

 

Refer our online sample for your reference 

 

https://ej2.syncfusion.com/angular/demos/#/material/treegrid/checkbox-column  

 

Please get back to us if you have further queries.    

 

Regards, 

Vignesh Natarajan. 

[Amenawon]

Okay, thank you for reaching out to me, how do i update the version?

I am working with an Angular project

[Vignesh Natarajan]

Hi Amenawon,  

Thanks for the update. 

Query: “how do i update the version?” 

 

 You can update / upgrade to latest version by changing the version details in package.json under the dependencies section file. You need to upgrade the TreeGrid along with its dependent source to latest version. Kindly follow the below steps to upgrade to another version. 

 

Step #1: Before install the latest package please run npm cache clean command. 

 

Step #2: Delete the all Syncfusion packages from the below location. 

 

  Location: node_modules\@syncfusion 

 

Step #3: Change all the Syncfusion packages version to latest in package.json file like below code snippet. Kindly upgrade to 2019 Volume 1 Main release (17.1.38) to achieve your requirement  

"@syncfusion/ej2-angular-treegrid": "^17.1.38", 

 

 Step #4: Install the npm after changing the Grid version and run the sample. 

Refer the below code example for your reference (package.json) 

"dependencies": { 

    "rxjs": "6.4.0", 

    "core-js": "2.6.5", 

    "zone.js": "0.8.29", 

………………………………………….. 

    "@syncfusion/ej2-maps": "17.1.38", 

    "@syncfusion/ej2-treemap": "17.1.38", 

    "@syncfusion/ej2-circulargauge": "17.1.38", 

    "@syncfusion/ej2-data": "17.1.38", 

    "@syncfusion/ej2-dropdowns": "17.1.38", 

    "@syncfusion/ej2-grids": "17.1.38", 

    "@syncfusion/ej2-treegrid": "17.1.38", 

    "@syncfusion/ej2-inputs": "17.1.38", 

    "@syncfusion/ej2-lists": "17.1.38", 

    "@syncfusion/ej2-navigations": "17.1.38", 

    "@syncfusion/ej2-popups": "17.1.38", 

    ……………………………………………….. 

    "@syncfusion/ej2-angular-diagrams": "17.1.38", 

    "@syncfusion/ej2-angular-maps": "17.1.38", 

    "@syncfusion/ej2-angular-treemap": "17.1.39", 

    "@syncfusion/ej2-angular-circulargauge": "17.1.39", 

    "@syncfusion/ej2-angular-dropdowns": "17.1.38", 

    "@syncfusion/ej2-angular-grids": "17.1.38", 

    "@syncfusion/ej2-angular-treegrid": "17.1.38", 

    "@syncfusion/ej2-angular-inputs": "17.1.38", 

    "@syncfusion/ej2-angular-lists": "17.1.38", 

……………………………………………………………. 

    "@syncfusion/ej2-angular-layouts": "17.1.38", 

    "@angular/http": "7.2.13", 

    "rxjs-compat": "6.4.0" 

  }, 

Please get back to us if you have further queries. 

Regards, 

Vignesh Natarajan.