[Feature] Get Array with sort order

[laukstein]

Let's way we have a list with 5 items that would be Array init order

[1, 2, 3, 4, 5]

When item 3 moved at begging, then the Array order should become

[3, 1, 2, 4, 5]

This feature can be featured even more where user can define what are the values of init Array, like instead of what mentioned above would be

["Cindy", "Andrew", "Bella", "David", "Ezra"]

or

[{
    name: "Cindy",
    id: 3
}, {
    name: "Andrew",
    id: 1
}, {
    name: "Bella",
    id: 2
}, {
    name: "David",
    id: 3
}, {
    name: "Ezra",
    id: 4
}]

[owen-m1]

Why not use a framework and binding for this? For example, VueDraggable

[laukstein]

@owen-m1, that would require me to add whole Vue framework for this basic concept. Is not likable.

[owen-m1]

@laukstein That is the whole point of a JavaScript framework though - to keep the JavaScript data in sync with the DOM state.
But it is still possible without it, I believe I answered this in #1412 (comment). For you, the "DB" would be your JavaScript array, and you can get the index array by assigning a data-id attribute to your elements, with their index as the value, and calling sortable.toArray().

[laukstein]

@owen-m1, why to depend on data-id attribute when you can do it by default without any attributes. The best would be to index by default with Number and allow to define custom values in Sortable parameter.

[mynona]

#2169