sortable-drag-and-drop
Reactive icon

Sortable Drag and Drop

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 20 Jul by 
5.0
 (1 rating)
sortable-drag-and-drop

Sortable Drag and Drop

Documentation
1.0.1

Options

  • WidgetId: List id that will occur when drag and drop.
  • Extend: Sortable parameters of object type.
  • OnChange: [Event] When item in list changed, can get old and new index.


How its work?

  1. Minimalist JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery, supports AngularJS and any CSS library, e.g. Bootstrap.
  2. You need to create a new attribute called Order, or whatever you like, but the type must be Integer.
  3. In demonstration have a example using entities, and way to change order when drag and drop.

Documentation: https://sortablejs.github.io/Sortable/


1.0.0

Options

  • WidgetId: List id that will occur when drag and drop.
  • Extend: Sortable parameters of object type.
  • OnChange: [Event] When item in list changed, can get old and new index.


How its work?

  1. Minimalist JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery, supports AngularJS and any CSS library, e.g. Bootstrap.
  2. You need to create a new attribute called Order, or whatever you like, but the type must be Integer.
  3. In demonstration have a example using entities, and way to change order when drag and drop.

Documentation: https://sortablejs.github.io/Sortable/