'tinysort'에 해당되는 글 1건

  1. 2012.08.13 Tinysort를 이용한 노드 정렬

A jQuery plugin to sort child nodes by (sub) contents or attributes

 

Jquery 셀렉터를 이용하여 각종 속성이나 태그명에 접근하여 노드의 순서를 변경하는 JQuery 정렬 플러그인이다. 언어별 예제에 한글이 없지만 문제없이 잘 되며, 상세한 내용은 Tinysort 사이트에서 참조하길 바란다.

 

 

1. 사용법

 

사이트에서 소개하고 있는 간략한 사용법에 대해 알아보겠다. 기본적인 방법은 Jquery에서 접근 가능한 각종 Selector를 이용하여 배열 노드에 접근하여 tsort() 를 호출한다.

 

$('.className').tsort();

$('.className').tsort({place:'end'});

$('.className').tsort('img', {order:'desc',attr:'alt'});

 

tinysort.defaults 에 접근하면 글로벌 설정을 변경할 수 있다.

 

order 속성에 asc, desc 값을 대입해 오름차순, 내림차순을 정할 수 있다.

$.tinysort.defaults.order = 'desc';

 

기본 속성을 정하고 싶다면 아래와 같이 attr 값을 입력하도록 한다.
$.tinysort.defaults.attr = 'title';

 

 

2. 다운로드

jquery.tinysort.1.3.27.zip jquery.tinysort.min.js

 

 

3. 관련사이트

 

Tinysort : http://tinysort.sjeiti.com/

구글 프로젝트 : https://code.google.com/p/tinysort/

 

 

4. 유의사항

 

Stackoverflow 에서 발견한 이슈 하나를 참조해보면 style 속성 자체로는 정렬이 되지 않는 다는 문의가 있다.

 

http://stackoverflow.com/questions/6585190/jquery-tinysort

 

간략하게 살펴보면,

 

1. style태그에 직접 접근하여 정렬을 하지말고 custom attribute을 생성한다.

2. 정렬에 참조하고자 하는 style 값을 custom attribute로 대입한다.

 

간트챠트와 같이 ajax로 데이터 값이 실시간 처리 되는 곳에서 유용하게 사용할 수 있을 거라 예상된다.

 

 

 

감사합니다 :)

 

 

 

 

Posted by 리트모스
: