SORU
26 Mart 2013, Salı


jQuery UI Sıralanabilir, bir veritabanına sipariş yazın

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?

CEVAP
26 Mart 2013, Salı


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BenjiManTV

    BenjiManTV

    20 Mart 2011
  • manadude21

    manadude21

    11 Mart 2008
  • thepoke64738

    thepoke64738

    17 HAZİRAN 2011