jQuery - Sortable get order

Hi @mdeak,

To get order of sortable items you can use this code: Html:

<section>

      <div class="row">
        <div class="col-md-12">
          <ul id="sortable" class="list-group">
            <li data-id="1" class="ui-state-highlight">Item 1</li>
            <li data-id="2" class="ui-state-highlight">Item 2</li>
            <li data-id="3" class="ui-state-highlight">Item 3</li>
            <li data-id="4" class="ui-state-highlight">Item 4</li>
            <li data-id="5" class="ui-state-highlight">Item 5</li>
          </ul>
        </div>
      </div>
      <button id="get" class="btn btn-primary">Get order</button>
    </section>

Init:

$(function () {
      $("#sortable").sortable();
    });

Get sorted:

$('#get').on('click', function() {

        var idsInOrder = $("#sortable").sortable('toArray', {
      attribute: 'data-id'
    });


      console.log(idsInOrder);
    })

Best,

Hi there Zhao,

The way I see here would be to have a custom function looking through .sortable children on submit. I am adding it as a feature request for the dev team to consider.

Best,
Kuba