Auntion-TableSort는 Chinese_javascript 기술로 작성된 자바스크립트 테이블 정렬 기능입니다.

Auntion-TableSort의 최신 버전은 숫자 정렬 문제를 수정하여 2007년 5월 5일에 다운로드할 수 있도록 출시되었습니다.

Auntion TableSort 테스트 교환의 첫 번째 버전
(다음 버전에는 테이블 관련 특수 기능이 포함됩니다. 효과)
----------------------------------------------- --- ----------------

저자:Auntion
블로그:Auntion.blogbus. com
e-mail:Auntion@Gmail.com
QQ:82874972

------------------------- - ------------------------------------------------- -

참고:
초보자가 사용할 수 없는 경우가 있으므로 재인쇄 시 이 설명을 모두 보내주시기 바랍니다. 이 설명에는
의 일반적인 진행을 위한 자세한 확장 지침이 포함되어 있습니다. 국내 자바스크립트 수준, 함께 해보자!
이 버전은 3일 만에 완성되었으며, 향후 업그레이드가 있을 수 있으니 제 블로그 주목해주세요

---- --- ---------------------------------- --- -----

주요 기능은 다음과 같습니다.

IE 및 Firefox 코어와 호환됩니다. 다른 브라우저는 테스트하지 않았습니다.

지원 시각적 편집, 이전과 같이 테이블 만들기, 사용할 ID만 설정

정렬:
숫자: 크기에 따라 내림차순, 오름차순으로 정렬
문자: 숫자와 동일
날짜: 동일한 숫자, 형식에 중국어를 포함하지 않음
라디오 선택, 확인란: 참 또는 거짓에 따라 정렬
중국어: 동일한 첫 번째 문자에 따라 정렬

사용자 인터페이스 정의 제공 가능 다양한 트리거 정렬 방법 구현

캡슐화, 상속, 다형성
상속에는 프로토타입을 사용하세요

--------- ------- ----------------- ------- ----------

> 초보자용:

사용 방법

사용 예제_1.htm을 참조하세요.

■ 테이블 생성

■ 아름답게 꾸미고 싶다면 CSS 스타일을 설정해주세요

■ 테이블 헤더를 설정하세요. 컬럼 정렬 클래스 이름

■ 객체 생성, 즉 tableSort 클래스를 초기화합니다.

■ 기본 정렬 트리거 방법을 사용합니다.

초기화되었나요? > var apply = new tableSort("bodys","tag" );
apply.toTagStart(); //여기에서는 정의된 기본 트리거 메서드가 사용됩니다. "는 테이블의 ID입니다(객체 또는 문자열일 수 있음) -- 그에 따라 테이블 ID 변경

■ 여기서 "tag"는 각 열 헤더 td


의 클래스 이름입니다. > 확장에 관심 있는 친구들 :

이 클래스는 현재 트리거 방식, 즉 사용자 인터페이스에 국한된 확장 가능한 모드를 제공합니다.

tableSort를 참고하세요. 자세한 내용은 .class.js

참고:
는 다양한 방법으로 트리거될 수 있습니다. 정렬 단계:
1. 객체 생성
2. (이 단계는 상황에 따라 선택할 수 있습니다. ) 정렬할 열의 첨자에 tempCellIndex 속성을 다형적으로 설정
예를 들어 세 번째 행에 정렬을 제공하려는 경우 tempCellIndex 속성은 3

3. 상태를 가져오고 설정합니다. (tableSort.class.js 주석 참조)
4. 열 헤더 CSS 스타일 변경
5. 초기화 및 정렬 시작

(첫 번째와 두 번째 부분은 포함되지 않습니다. UI는 객체 생성 시의 조작입니다.)
(두 번째 부분은 객체 생성 후 설정입니다.)

제 표현력이 별로 좋지 않으니 읽어주세요. tableSort.class.js의
/**라벨을 클릭하여 정렬 이벤트 실행**/ 부분

패키지 및 다운로드