ASP.NET - jquery ui connected sortable save to database

Question

Okay so I have a jQuery UI connected sortable on my page. Everything works good. They are being dynamically created from the database. So I am using an ASP Repeater to populate the ul. This all works great. Now I need to save the updated lists to the database. This has proved to be very difficult.

$(function () {
        $("#include, #exclude").sortable({
            connectWith: ".connectedSortable",
            dropOnEmpty: true,
        });
        $("#include, #exclude").disableSelection();
    });

This is what I have for the jQuery. I think there may need to be more here, but I cannot seem to figure out what it is. We have found a way to loop through the repeater items and get them into a DataBoundLiteralControl, but every time it uses the old order and not the new order.

Any help with this would be greatly appreciated.

Bashar Abu Shamaa · Accepted Answer · 2013-06-11 13:26:22Z

1

           $("#sortable1 li").each(function (idx, li) {
          var idInputs = $(li).children(".id");
          var nameInputs = $(li).children(".name");//if an ItemName input is used
        $(idInputs).attr("id", "Items_" + idx + "__ItemId");
        $(idInputs).attr("name", "Items[" + idx + "].ItemId");
        //if an ItemName input is used
        $(nameInputs).attr("id", "Items_" + idx + "__ItemName");
        $(nameInputs).attr("name", "Items[" + idx + "].ItemName");
         });

see this link : http://jgibson.com/?p=59

answered Jun 11, 2013 at 13:26

Bashar Abu Shamaa

2,0292 gold badges22 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ASP.NET - jquery ui connected sortable save to database

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related