:: Alpino :: Sortable

Please wait...

App

User Interface (UI)

Sample Pages

About

Sortable & Nestable

Item 13
Item 14
Item 15
1. Item 16
2. Item 17
3. Item 18

Output JSON

[{"id":13},{"id":14},{"id":15,"children":[{"id":17},{"id":16},{"id":18}]}]

Default Example Drag & drop hierarchical list with mouse and touch compatibility

Item 1
Item 2
1. Item 3
2. Item 4
3. Item 5
  1. Item 6
  2. Item 7
  3. Item 8
4. Item 9
5. Item 10
Item 11
Item 12

Output JSON

[{"id":1},{"id":2,"children":[{"id":3},{"id":4},{"id":5,"children":[{"id":6},{"id":7},{"id":8}]},{"id":9},{"id":10}]},{"id":11},{"id":12}]

Default Example Drag & drop hierarchical list with mouse and touch compatibility

Item 1
Item 2
1. Item 3
2. Item 4
3. Item 5
  1. Item 6
  2. Item 7
  3. Item 8
4. Item 9
5. Item 10
Item 11
Item 12

Output JSON

[{"id":1},{"id":2,"children":[{"id":3},{"id":4},{"id":5,"children":[{"id":6},{"id":7},{"id":8}]},{"id":9},{"id":10}]},{"id":11},{"id":12}]