2009-03-06 17 views
1

Projelerimden biri için bir yapılacaklar listesi uygulaması yapıyorum ve veritabanıdan dinamik olarak birden fazla yapılacaklar listesi oluşturuyorum ve her yapılacaklar listesi birden fazla yapılacaklar öğelerine sahip olacak. Öğeler kendi listelerine sınırlanacak ve başka bir listeye bağlanamayacak.jquery ile birden fazla sıralanabilir liste

Önceden jquery'de tek bir sıralı liste yaptım, ancak kafamı DRY kodunu nasıl yazacağım konusunda sardığım için çok zorlanıyorum, bu yüzden bir kullanıcının oluşturduğu her yeni yapılacaklar listesi için kendimi tekrarlamıyorum. JQuery kodu kaç tane listelerin var olduğunu bulmak zorunda kalacak ve ardından her birini yönetecektir.

Bunu yapmak için nasıl gidileceğini bilen ya da bazı sözde kod ya da bir örnekle bunun üzerinden konuşabilir miyiz?

Teşekkür

cevap

2

jQuery sortable eklentisi kullanarak ve sadece (genel olarak)

$(document).ready(){ 
    $('ol, ul').sortable(); //make every ordered and unordered list sortable 
}); 
+0

iyi bir çağrı, o zaman sadece id kimliğini yakalayabilirim, böylece ebeveyni biliyorum ... teşekkürler! – Joe

0

, sen write plugins istediğiniz jQuery KURU olmak veya bu tür Tablesorter gibi mevcut bir eklenti kullanın.

+0

Teşekkür tepki için, (.transfer, sadece html tüm listelere bu atama. Sınıftır) fakat kullanarak tablesorter öyle benim soru ile ilgisi yok? Bir eklentiye katılıyorum, güzel bir çözüm olurdu, ama nasıl yazmalıyım diye arıyorum. – Joe

+0

belki daha fazla bilgi sağlayabilirsiniz. Birden çok sıralı todo listeleri yapmak istediğiniz gibi geliyordu. Birkaç kişi, sıralanabilir bir çözüm aradığınızı düşündü. – jonstjohn

1

diğer iki seçenekleri gibi bir şey yapıyor nesi var:

  1. kimliğe göre sıralanabilir grup oluşturmak:

    $("#list1, #list2, #list3").sortable({ connectWith: "#list1, #list2, #list3" }); 
    
  2. Sınıflandırılabilir grubu sınıf olarak oluşturun:

    $("#list1, #list2, #list3").sortable({ connectWith: ".transfer" }); 
    

İlgili konular