Need drag and drop feature in flex grid for rows (Angular 2/4)

Need drag and drop feature in flex grid for rows (Angular 2/4)

Posted by: nilesh_nichal on 12 July 2018, 8:39 pm EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 12 July 2018, 8:39 pm EST

  We are looking for 2 columns flex grid on first column will have checkbox and second will have normal text. We can apply drag/drop in rows .

  I have found it has been implemented on Angular 1, below is your sample url. looking same feature on Angular 2/4.

  http://jsfiddle.net/mkgupta911/ozn86heo/21/

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 15 July 2018, 10:32 pm EST

  Hi,
  
  If we understand correctly then you want the grid to allow reordering of rows via drag/drop method.
  
  In that case, you may set grid’s allowDragging property to “Rows” to enable row dragging.
  
  //please refer to following code snippet

  <wj-flex-grid #grid [itemsSource]="data" (initialized)="init(grid)" [allowDragging]="'Rows'">
   
  </wj-flex-grid>
  

  //you may also refer to following the sample which implements the same
  
  https://stackblitz.com/edit/angular-bpdrjl?file=app%2Fapp.component.html

  For more info on the allowDragging property, please refer to the following document:-
  
  http://demos.wijmo.com/5/Angular/WijmoHelp/WijmoHelp/topic/wijmo.grid.FlexGrid.Class.html#allowDragging

  If you were looking for something else then please feel free to elaborate your requirement.

  Regards