Disable FlexGrid Draggable

Disable FlexGrid Draggable

Posted by: jason.brandt on 6 July 2018, 1:29 pm EST

• 

  jason.brandt

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 6 July 2018, 1:29 pm EST

  I have a simple FlexGrid set up for Angular4. I have not set Draggable to True anywhere (and in fact have not set Draggable at all).

  But the column header filter inputs cannot be selected properly because the cells are Draggable.

  How do I turn Draggable off for the whole grid?

  My FlexGrid is set up mostly like this one as it was the example i was going off =
  
  http://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/HeaderFilters/Angular2/Code

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 9 July 2018, 6:03 am EST

  Hi,
  
  You can set grid’s drag behavior by setting the allowDragging property.
  
  The default value for allowDragging is set to ‘Column’ i.e grid columns can be dragged.
  
  To turn off dragging you can set allowDragging to ‘None’.
  
  Please refer to following code snippet

  <wj-flex-grid #flex
                        [headersVisibility]="'Column'"
                        [selectionMode]="'Row'"
                        [itemsSource]="books"
                        [allowDragging]="'None'">
  </wj-flex-grid>
  

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

  ~Manish

• 

  jason.brandt

  • Post Options:
  • Link
    Copy

  Posted 9 July 2018, 11:25 am EST

  Ah, I had tried = [allowDragging]=“None”

  …without the single quotes (which did not work).

  Thank you this works.