CODEWITHSUNDEEP
javascriptjqueryjquery-uijquery-ui-sortable
Haris ur Rehman
Haris ur Rehman

Reputation: 2663

jQuery sortable - Need to add GUID as id of the DOM element

I want to add GUID as id of the li DOM element like below:

<ul>
  <li id="item-{78C9267C-1A41-BCCD-392D-06DA2C4198B1}"></li>
</ul>

so that I can serialize this using jquery sortable. Currently following code is resulting in JSON.parse invalid character error:

$("ul").sortable({
  update:function() {
    var sorted = $(this).sortable( "serialize" );
  }
});

Upvotes: 1

Views: 331

Answers (2)

Dov D.
Dov D.

Reputation: 530

Use .sortable( "serialize" , { expression : /(.+)-{(.+)}/ })

Upvotes: 1

Irvin Dominin
Irvin Dominin

Reputation: 30993

serialize will not build a valid JSON:

Serializes the sortable's item ids into a form/ajax submittable string. Calling this method produces a hash that can be appended to any url to easily submit a new item order back to the server.

To build up a valid JSON starting from your sorted elements you can use stringify your sortable elements get as string array using toArray, code:

$("ul").sortable({
    update: function () {
        var sorted = JSON.stringify($(this).sortable('toArray'));
        console.log(sorted)
    }
});

Demo: http://jsfiddle.net/IrvinDominin/Qwx2U/

Upvotes: 1

Related Questions