본문 바로가기
프로그래밍언어/패턴, 알고리즘, 프로토콜

TinySort(jquery)이용한 테이블 sorting

by plog 2010. 2. 19.

jquery로 되어진 좋은 오픈소스가 있어 소개 합니다.
첨부파일에 코어랑 간단한 예제가 첨부 되어 있습니다.
첨부되어진 예제가지고 내가 원하는 환경과 형태에서 사용하려니 많이 힘들더군요 ㅡㅜ

간단하게 테이블 sorting 예제를 만들어 보았습니다. 필요하신분 참고하세요 ^^

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="scripts/jquery.tinysort.min.js"></script>
<script>
    var aAsc = [];
    function sortTable(n) {
       aAsc[n] = aAsc[n]=="asc"?"desc":"asc";

       $.tinysort.defaults.order = aAsc[n];
       $("#xtable>tbody>tr").tsort();
    }
</script>
</HEAD>

<BODY>
     <table id="xtable" class="xmpl">
     <thead>
            <tr><th><a href="javascript:sortTable(0)">word</a></th><tr>
     </thead>
     <tbody>
            <tr><td>test1</td></tr>
            <tr><td>test2</td></tr>
            <tr><td>test3</td></tr>
     </tbody>
     </table>
</BODY>
</HTML>


댓글