Select multiple rows on select drag inside the grid

Manikanta Vundavalli asked on May 20, 2022 9:57 AM

Hi,

I have a scenario where in the DataGrid after selecting the first row, hold the select click and move mouse over to the next rows so that the next rows will be added to the selection.

Is this possible?

Thanks,

Manikanta Vundavalli

Replies

0

Teodosia Hristodorova answered on Apr 12, 2022 3:30 PM

Hello,

I have been looking into your question and what I could say is that by design selecting a range of rows is enabled via the Click + Space combination.
Changing the default selection behavior should be implemented entirely on application level and could potentially have some side effects on the current implementation.

I have prepared a small sample in order to demonstrate a possible approach to achieve your requirement. The first step is to disable the selection on row click via the exposed selectRowOnClick property. After that, you should handle the pointerdown, pointerup and mouseover events and implement the required behavior. Also, in order to prevent the default behavior on click, you should cancel the rowSelectionChanging event.

Let me know if I may be of any further assistance.

Sincerely,
Teodosia Hristodorova
Software Developer
- 0
  
  Manikanta Vundavalli answered on May 17, 2022 3:27 PM
  
  Hi,
  
  In the above mentioned sample when we add the drag and drop functionality to the grid ([rowDraggable]="true"),
  
  After selecting the multiple rows as we click on drag icon to drag the rows only the drag icon selected row is selected and other rows that were selected gets deselected.
  
  Is this the side effect of implementing the pointer and mouse over events by disabling the row selection
  
  and is there any event for click and mouse over?
  
  Thanks,
  
  Manikanta Vundavalli
  - 0
    
    Teodosia Hristodorova answered on May 20, 2022 9:57 AM
    
    Hello,
    
    As I previously mentioned overriding the default selection behavior is beyond the scope of Infragistics support and could cause some side effects in other grid features which should be handled entirely on application level.
    
    I have investigated the described issue and determined that the reason came from overriding the grid's pointer events. I have modified them in order to resolve this behavior and a sample could be downloaded from here. As you could observe both mouseover and pointerdown events are handled as well as some other pointer and mouse events.
    
    However, the best suggestion is to use the default grid behavior in order to prevent such side effects.
    
    Let me know if I may be of any further assistance.
    
    Sincerely,
    Teodosia Hristodorova
    Software Developer