Jquery Kullanarak Numara Sırasına göre Listeleme

www.mvmedya.net

Hemen her web sitesinde listeleme kullanıyoruz. Yazılım ASP, PHP yada .NET vs. ne olursa olsun hepsinde aynısı kullanarak numaraya göre listeleyebileceğiniz bir yöntemden bahsedeceğim sizlere.

Tüm yazılım dillerinde bu sıralamayı yapacak kod zaten mevcut, gerek alfabetik sıralama gerekse numara sırası kolayca yapılabiliyor.

Yalnız bazen gerçekten ihtiyaç olabileceğine inandığım için bu konuya değinmek istedim. Kendim, seneler sonra ihtiyaç duydum, belki benim gibi arayan arkadaşlarada yardımcı olabilir.

Oluşturduğum bir web tasarım ve yazılımında veritabanı olarak .xml kullandım. İşlemlerimi direk olarak .xml üzerinde ekleyip, güncelleyip, siliyorum. Bu sıralamayada tam olarak burada ihtiyaç duydum.

Numaraya göre listeleme JQUERY kullanarak yapılabilir. İnternette bunun ile ilgili kaynaklar hatta yazılmış kodlarda mevcut, yalnız çoğu çalışmıyor yada çalışıyor ama sadece 1 den 9 a kadar sıralama yapıyor. Çift rakamlar araya girdiğinde hepsi karışıyor.

Hazırladığım Jquery kodu ile numara sıralamasını sorunsuz yapabilirsiniz.

< script >
var $wrapper = $('.kutular');
$wrapper.find('.kutu').sort(function (a, b) {
return +a.getAttribute('data-percentage') - +b.getAttribute('data-percentage');
})
.appendTo( $wrapper );
< / script >

HTML Yapısı:

< div class=" kutular " >

< div class=" kutu data-percentage="3" >< /div  >
< div class=" kutu " data-percentage="1" >< /div  >
< div class=" kutu data-percentage="16" >< /div  >
< div class=" kutu data-percentage="2" >< /div  >

< /div >

Burada sıralama "1-2-3-16" şeklinde otomatik olarak listelenecektir. Belirgin olarak yazdığım yerleri kendi isteğinize göre değiştirebilirsiniz. 

Kolay Gelsin smiley