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
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 ;
}
Tasarruf jQuery UI'Backbone.js si...
jQuery UI sıralanabilir kaydırma yardı...
jquery sıralanabilir yüksekliği sorunu...
bu iPad/işe almak için Nasıl jquery-uı...
jQuery Sıralanabilir - ve Birden fazla...