▶ 뭉충닷컴
 
mungchung.com login
Site Search
My Space
주절주절...
공부방
쥔장소개
Board
자유게시판
유용한 정보
자료실
Programming
강좌 & Articles
Spring 3.0
프로그래밍 Tip
   -ASP
   -PHP
   -JavaScript
   -HTML
   -Java/JSP
   -Database
   -Crystal Report
   -Visual Basic
   -이클립스
   -리눅스
   -기타
Windows API (VB)
Spread Sheet 7.0
컴퓨터활용 Tip
Other things
StarCraft 전략
StarCraft 문서
김용(金庸)
Son Q & Dieda

게시판의 타이틀..그러니깐 글번호, 제목, 작성자..등등을 클릭하면 해당 항목에 맞게 정렬이 되는 기능이 있는데 이게 사실 구현하기 어려운것보단 은근히 개노가다이다.

이런 개노가다를 TDC를 이용하면 손쉽게 해결할수 있다. MSDN에서 TDC관련 문서를 보면 잘 나와있긴하지만..간단한 함수로 만들어서 개발자가 몇가지 작업만 있으면 바로 적용 할 수 있도록 만들었다.

헌데 한가지 문제가 있다. 이 정렬기능을 이용하려면 TDC데이타를 한번에 모두 뿌려줘야한다. 예를 들어서 페이징 할때 10개의 페이지가 있다고 하면 10개 페이지 해당분량의 데이타를 클라이언트가 모두 받아야..정렬이 제대로 이루어진다는거다.

어찌보면 아주 당연한건데 말로풀어 설명하니 존내 힘들다. 그래서 그냥 넘어간다. -_-

<script language=javascript>
function TdcSort(tdc_id) {
    var srcEl = event.srcElement;
    srcNm = srcEl.innerHTML
    
    if (srcNm.search("▲") == -1 && srcNm.search("▼") == -1) {
        srcEl.innerHTML = srcNm + "▲";
        oList.Sort = tdc_id;
    } else if (srcNm.search("▼") > -1) {
        srcNm = srcNm.replace("▼","");
        srcEl.innerHTML = srcNm + "▲";
        oList.Sort = tdc_id;
    } else if (srcNm.search("▲") > -1) {
        srcNm = srcNm.replace("▲","");
        srcEl.innerHTML = srcNm + "▼";
        oList.Sort = "-"+tdc_id;
    }
    oList.reset();
}
</script>

<table width="680" cellpadding="1" cellspacing="1" border="0" DataSrc="#oList" >
    <thead>
    <tr class="TD_SBJ">
        <td width="40">No</td>
        <td width="90"><a href="#" onclick="TdcSort('keyword')">약자</a></td>
        <td width="150"><a href="#" onclick="TdcSort('korean')">한글</a></td>
        <td width="200">영어</td>
        <td width="120">유의어</td>
        <td width="80">액숑</td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td class="TD_COT" align="center"><span DATAFLD="num" DATAFORMATAS="HTML"></span></td>
        <td class="TD_COT" align="center" style=background-color:cccccc><span DATAFLD="keyword" DATAFORMATAS="HTML"></span></td>
        <td class="TD_COT"><span DATAFLD="korean" DATAFORMATAS="HTML"></span></td>
        <td class="TD_COT"><span DATAFLD="english" DATAFORMATAS="HTML"></span></td>
        <td class="TD_COT"><span DATAFLD="similar" DATAFORMATAS="HTML"></span></td>
        <td class="TD_COT" align="center"><span DATAFLD="auction" DATAFORMATAS="HTML"></span></td>
    </tr>
    <tbody>
    <tfoot>
    <tr id="nodata" style="display:none">
        <td colspan="10" align="center" height="30">데이타가 없습니다.</td>
    </tr>
    </tfoot>
</table>

잘 보면 HTML 소스코드 부분에 <a href="#" onclick="TdcSort('keyword')">약자</a> 이 부분이 보인다. 이건 keyword로 정렬을 하겠다는 거다. 에잇! 귀찮아서 그만 적는다. 나중에 콘디숑 좋으면 추가해서 적던가 정리하던가 하겠다.


댓글 '3'

박성희

2006.02.20 10:34:10
*.241.147.38

페이징 처리 한 페이지에 Tdcsort함수를 붙이고 실행하니, 하단 페이지 번호가 보였다 안 보였다 하네여. 리스트 뿌릴때 첫 row 찍고, 페이징 들어가고 다음 row찍어서 그런가여?

박성희

2006.02.20 10:35:47
*.241.147.38

여기서는 페이징 처리를 하면 안되는군여. 위에 설명하신 부분을 주의깊게 읽지 못했군요.^^

뭉충닷컴

2006.02.20 11:06:48
*.154.195.122

제가 언어구사능력이 떨어져서.. -_- 휙~ 읽으면 이해가 잘 안가실 겁니다.
문서 첨부 제한 : 0Byte/ 2.00MB
파일 크기 제한 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
27 keyfile을 이용한 ssh 접속 방법 뭉충닷컴 2010-10-28 13684
26 멀티 브라우저 지원하는 frame, iframe 접근 코딩 방법 [3] 뭉충닷컴 2010-07-21 26318
25 crontab을 이용한 Tomcat 서버 자동 재시작 shell 뭉충닷컴 2009-08-28 25018
24 자바스크립트로 각 form의 element(요소)에 접근 방법 file [2] 뭉충닷컴 2008-09-11 55964
23 ERwin 에서 Logical의 컬럼명을 코멘트(Comment)로 변경하기 file [2] 뭉충닷컴 2008-01-16 31740
22 Tabular Data Control 마지막 강좌! 뭉충닷컴 2007-06-14 15702
21 ASP로 웹 어플리케이션 주소 사용하기 file 뭉충닷컴 2006-12-10 17907
20 VB로 WebBrowser 컨트롤의 HTML 제어 file 뭉충닷컴 2006-12-01 21389
19 ASP 페이징 쉽게 처리하기 file [4] 뭉충닷컴 2006-08-29 24244
18 두개의 비슷한 DB를 비교해서 변경된 부분 찾아내기 file 뭉충닷컴 2006-05-03 15000
17 ASP에서 Class 를 이용해보자 file 뭉충닷컴 2006-02-26 24770
16 Hotmail의 DHTML EDITOR 편집기를 이용해보자. file [34] 뭉충닷컴 2006-02-04 30232
» Tabular Data Control 응용 - 제목 Sort (정렬) 쉽게 하기 [3] 뭉충닷컴 2006-01-27 14141
14 스크립트(Script) 코드를 암호화 시켜보자(Encode/Decode) [2] 뭉충닷컴 2005-06-10 19107
13 dll을 이용한 로그인 file [1] 뭉충닷컴 2005-11-25 22021
12 Tabular Data Control 응용 - 페이징 처리하는 3가지 방법 file [1] 뭉충닷컴 2005-11-23 16271
11 Query를 잼있고, 유용하게 사용해보자 file [3] 뭉충닷컴 2005-10-01 14724
10 Tabular Data Control 응용 - 테이블의 행 배경색이 격으로 변하게하기 뭉충닷컴 2005-09-25 15796
9 폼(Form) 검증해주는 스크립트(Script) file [15] 뭉충닷컴 2005-06-07 19262
8 asp 로 서버에 zip 압축/압축해제(풀기) 예제 file [8] 뭉충닷컴 2005-08-12 19746
7 MS-SQL의 osql.exe 이용 하기 (도스상에서 sql 구문 이용) 뭉충닷컴 2005-09-25 19302
6 SQL Script 로 ERD와 테이블 생성 손쉽게하기 뭉충닷컴 2005-09-25 21602
5 Tabular Data Control 기초 다지기 4 - 마지막! file 뭉충닷컴 2005-09-25 14683
4 Tabular Data Control 기초 다지기 3 file 뭉충닷컴 2005-09-25 14477
3 Tabular Data Control 기초 다지기 2 file 뭉충닷컴 2005-09-25 14182
2 Tabular Data Control 기초 다지기 1 file [1] 뭉충닷컴 2005-09-25 15222
1 OWC를 이용한 웹에서 엑셀 그래프 그리기 file [4] 뭉충닷컴 2007-12-19 18974