Selection for cell, rows and colums

Posted by: shajiya.a on 10 September 2020, 1:10 am EST

  • Posted 10 September 2020, 1:10 am EST

    Hi Team,
    I have to achieve the cell and row selection with multi range selection mode.
    Row selection: When click on the first column(attached the screenshot) as well as checkbox checked.
    Cell selection: when selecting the cell
    Column selection: When double clicks on column header
    Note:
    1) It should support CTRL & SHIFT keys functionality.
    2) With Drag, Filter option


    Please assist.
  • Marked as Answer

    Replied 10 September 2020, 6:29 pm EST

    Hi Shajiya,

    It seems that you are already using Selector for the 2nd column. So, the row selection functionality is already added in the Selector. The selecting functionality, in the first column, can be achieved by handling the mousedown event of the FlexGrid and check for various keys like Ctrl and Shift and select the rows accordingly.

    >> Column selection
    You can handle the dblclick event on the FlexGrid and use the select method to select the cells in the column. Note that you need to set the allowSorting property of the FlexGrid to None for this behavior otherwise sorting will be done twice before the cell selection.

    Please refer to the sample link below for reference:

    https://stackblitz.com/edit/typescript-6dacqy

    Let us know if this fulfills all your requirements.

    Regards,
    Ashwin
  • Replied 15 September 2020, 3:19 am EST

    Thank you. Its working as expected.
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels