Adding checkbox column in Wijmo Grid

Adding checkbox column in Wijmo Grid

Posted by: srish123ti on 27 May 2021, 10:56 pm EST

• 

  srish123ti

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 27 May 2021, 10:56 pm EST

  Hi,

  I’m trying to add a checkbox column in a grid and for that i’ve used
  
  https://stackblitz.com/edit/angular-wvvf7h?file=src/app/app.component.html

  But checkbox is not appearing. Can you please help.
  
  Also,
  
  Do we have some selector, in order to get the row information of the selected checkbox.
  
  Example - On delete button event i need to fetch the selected rows of a grid.

  Thank You.

• 

  srish123ti

  • Post Options:
  • Link
    Copy

  Posted 28 May 2021, 8:36 pm EST

  Hi,

  Can you please help us with the solution.

  Regards,
  
  Srishti

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 31 May 2021, 3:09 pm EST

  Hi Srishti,

  Sorry for the delay in response. We are working on this and will update you as soon as we will have further information.

  Regards,
  
  Ashwin

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 31 May 2021, 8:37 pm EST

  The issue occurred because you have used a different build version for the selector from the rest of the controls build. Please make sure to have the same build version for all wijmo modules to avoid incompatibility.
  
  To get the selected rows on the delete button you may iterate over the rows to check either it is selected or not using the isSelected property of row.
  
  Please refer to the updated sample:

  https://stackblitz.com/edit/angular-m82yx4

  Let us know if that’s works for you.

• 

  srish123ti

  • Post Options:
  • Link
    Copy

  Posted 31 May 2021, 10:05 pm EST

  Hi Ashwin,

  Thank you for your response.
  
  This works .

  Thank you.

• 

  ganotravanshika2799

  • Post Options:
  • Link
    Copy

  Posted 9 October 2023, 10:58 pm EST

  initGrid(grid: wjcGrid.FlexGrid) {
  
  this.selector = new Selector(grid.columns[0]);
  
  }

  I am getting this below error while I am using the above code

  Argument of type ‘Column’ is not assignable to parameter of type ‘Column | FlexGrid’.
  
  Type ‘Column’ is missing the following properties from type ‘Column’: _edt, _uid, editor, _mapEditor, and 3 more.ts(2345)
  
  (property) FlexGrid.columns: wjcGrid.ColumnCollection

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 10 October 2023, 3:58 pm EST

  Hi,

  Sorry, but we are unable to replicate the issue on our end. However, you can attach the selector to the grid object and set the column property of the selector to display selector checkboxes in a specific column like this -

  gridInit(grid: wjGrid.FlexGrid) {
      this.selector = new Selector(grid, {
        column: 4
      });
    }

  You can assign a column index or grid column object to the column property of the selector. Please refer to the following sample demonstrating the same - https://stackblitz.com/edit/angular-ivy-h92xhf?file=src%2Fapp%2Fapp.component.ts

  In case, if there is something we missed, please let us know.

  Regards