We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Unable to add checkbox to the treegrid

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 ?

3 Replies

VN Vignesh Natarajan Syncfusion Team April 18, 2019 09:01 AM UTC

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  
 
 
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 
 
 
Please get back to us if you have further queries.    
 
Regards, 
Vignesh Natarajan. 



AM Amenawon April 18, 2019 12:09 PM UTC

Okay, thank you for reaching out to me, how do i update the version?
I am working with an Angular project


VN Vignesh Natarajan Syncfusion Team April 19, 2019 06:35 AM UTC

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.  


Loader.
Live Chat Icon For mobile
Up arrow icon