Flexgrid checkboxes in row header

Flexgrid checkboxes in row header

Posted by: zam.abdulvahid on 21 September 2017, 12:17 am EST

• 

  zam.abdulvahid

  • Post Options:
  • Link
    Copy

  Posted 21 September 2017, 12:17 am EST

  Dear Team,

  Need a help in building a similar screen as shown below.

  a) How can we add a checkbox to row header & top left column in flex grid.
  
  b) ‘Select all’ in top left should select all check boxes and highlight the rows
  
  c) Selecting individual checkbox should highlight that particular row. Unselecting should do the reverse.
  
  d) Attach events to checkboxes

  Your help is much appreciated.

  Thanks

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 22 September 2017, 1:21 am EST

  Hi Zam,
  
  Please refer to the fiddle for the same:
  
  http://jsfiddle.net/mkgupta911/pq58z0yj/3/

  Thanks,
  
  Manish Kumar Gupta

• 

  mrityunjay.k

  • Post Options:
  • Link
    Copy

  Posted 30 May 2020, 12:54 pm EST

  Is it possible to share sample in TypeScript+Angular?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 31 May 2020, 5:35 pm EST

  Hi,

  There is a new Selector class that can be used to automatically add checkboxes to the row headers. Please refer to the demo link below for the same:

  https://www.grapecity.com/wijmo/demos/Grid/Selection/CheckboxSelection/angular

  Note that this was added in the 5.20201.663 version. So, you will need to upgrade Wijmo to this version in order to use it.

  Regards,
  
  Ashwin