Select all checkbox

Question

I have a Dialog Modal that pops up with a Grid on it with a check box

<e-column type='checkbox' :allowFiltering='false' :allowSorting='false' width='60'></e-column> I would like to have all of the check boxes checked / selected when it displays. If I use

this.$refs.gridDialog.selectRowsByRange(0,1); This only works with a visible grid.

How can I make this work? Is there something else that I should be using?

Rajapandiyan Settu · Answer

Hi William, Thanks for contacting Syncfusion support.We have prepared a simple sample to reproduce the reported
behavior at our end, but it was unsuccessful at our end. Find the below sample
for your reference.Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/vue2_grid_inside_dialog1688404323.zipBy using the dataBound event of Grid, we have selected the
records.

dataBound: function () {
                 
  this.$refs.grid.ej2Instances.selectRowsByRange(0, 1);
               
  },

Kindly share the below details to replicate the issue at our
end.
 Share the complete code
     files you have used.
 Share the package.json
     file.
 Are you using Vue 2 or Vue 3 project?
 Where do you execute the
     selectRowsByRange method in your project? Share the scenario of this.
 If possible, share the
     issue reproducible sample or try to make the issue in given sample.
Regards, Rajapandiyan S

William Morgenweck · Answer

Thanks for the help-- after using  :dataBound="dataBound" and   dataBound: function () {               
  this.$refs.grid.ej2Instances.selectRowsByRange(0, 1);             
  }, that fixed the issue.  Thank you

Rajapandiyan Settu · Answer

Hi William,We are glad that you have achieved your requirement with the
provided solution.Please get back to us if you need further assistance.Regards,Rajapandiyan S