2012-04-28 22 views
24

Renkleri yeniden gruplandırmak ve düzenlemek için sürükleyip bırakmak istediğim bir uygulamam var. jQuery's sortable ızgaralar için oldukça tepkisiz ve küçük bir araba gibi görünüyor. microjs, kbjr's DragDrop ürününü önerir, ancak bu kitaplıkta hiçbir liste kavramı yoktur, yalnızca hareketli nesneler bulunur. Sproutcore iyi bir uygulamaya sahip, ancak bir ızgara için çalışan bir demo bulamıyorum.HTML listelerini yeniden düzenlemek için sürükleyin ve bırakın

groups of colours

ve kullanıcıların grup içinde etrafında renkleri sürüklemek mümkün hem de gruplar arasında sürükle bunları olmak istiyorum:

Benim UI buna benzer.

+0

Sorulması gereken bir soru: Geçici gruplama için bir amaç var mı? Evet düşünürdüm. Bunu farz edersek - bunları nasıl ilişkilendirdiğinizi ve bu ilişkinin son kullanıcı için nasıl anlamlı olduğunu anlamış olmalısınız. düzenle (üzgün isabetli giriş) yerleşimleri sürükle/bırak dinlemeniz ve muhtemelen en iyi (en kolay?) yaklaşımın sınıfların toplu ataması/ataması olması gerekir. Bu sınıflar, bazı seviyelerde koleksiyonları temsil etmeli ve bu davranışı doğru bir şekilde tanımlamak için birkaç ya da daha fazlasına ihtiyaç duyacaktır. -Jquery.so kimliğine kısmi olarak geliyorum –

cevap

41

this'u deneyin: HTML5 Sortable. Yerel HTML5 sürükle ve bırak API'sini kullanarak sıralanabilir listeler ve ızgaralar oluşturmak için bir jQuery eklentisi.

+0

Oh adamım, bu harika. Teşekkürler! : D – nornagon

+0

Absolut onu seviyorum ^^ – bulleric

+1

+1 ama bir sorunum var. İlk maddeyi değiştiremem. Demek istediğim, ikinci ya da üçüncü sırayı ilk etapta sürüklersem, ilk değiştirilmez. Ne yanlış olabilir? Teşekkürler! – VladL

8

this (Nastable) yuvalama yetenekleri için biraz daha kullanışlı olduğunu öğrendim.

Güncelleme Aslında fazla seçenek this eklentisi kullanarak sona erdi.

Yardım edin. Şerefe!

19

Sadece arkadaşça bir güncelleştirme, bu soru aramada ortaya çıktı. HTML5Sortable artık korunmuyor. Önerilen kitaplık Sortable'dur. Boyut: 12kb minified.

Kodu: Bu sonraki gezgin yardımcı

var sortable = Sortable.create($('#items')); 

Umut.

+1

no jQuery bağımlılığı +1 –

İlgili konular