Kullanıcılar bir düzen sağlamak için (Sıralanabilir) jQuery UI işlevi kullanmak istiyorum ve değişikliği veritabanına yazmak ve güncelleştirmek. Birisi bunun nasıl yapılacağı hakkında bir örnek yazabilir misin?

sortable jQuery UI özelliği bu serialize method içerir. Oldukça basit, gerçekten. Burada bir eleman değişiklikleri konuma en kısa sürede belirtilen adrese gönderir hızlı bir örnek.

$('#element').sortable({
    axis: 'y',
    update: function (event, ui) {
        var data = $(this).sortable('serialize');

        // POST to server using $.post or $.ajax
        $.ajax({
            data: data,
            type: 'POST',
            url: '/your/url/here'
        });
    }
});

Bu ne elementler id kullanarak bir dizi oluşturur. Yani, ben genellikle bu gibi bir şey yapın:

<ul id="sortable">
   <li id="item-1"></li>
   <li id="item-2"></li>
   ...
</ul>

serialize seçeneğini kullandığınızda, bu gibi YAZILAN bir sorgu dizesi oluşturur: item[]=1&item[]=2 vb. Eğer kullanım - örneğin - id öznitelik veritabanı Kimlikleri yaparsanız, o zaman sadece Yayınlanan dizi boyunca yineleme ve elemanları update' pozisyonları buna göre. böylece

PHP örneğin,:

$i = 0;

foreach ($_POST['item'] as $value) {
    // Execute statement:
    // UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value
    $i  ;
}

Example on jsFiddle.