Selection for cell, rows and colums

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

    • Post Options:
    • Link

    Posted 10 September 2020, 1:10 am EST - Updated 3 October 2022, 6:34 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.

  • Posted 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

  • Posted 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