jQuery를 EasyUI 데이터 그리드 - 사용자 정의 정렬
기본 정렬 동작이 요구 사항을 충족하지 않는 경우, 당신은 행동을 정렬 데이터 그리드 (데이터 그리드)을 사용자 정의 할 수 있습니다.
가장 기본적인, 사용자는 함수 이름 소터이다 정렬 열에 정의 할 수있다. 이 함수는 다음과 같이 반환 값이 될 것이며, 두 개의 값을 취
valueA> VALUE (단위 : 십억) =이> 1을 반환
valueA <VALUE (단위 : 십억) => -1
사용자 지정 정렬 코드
<표 아이디 = "TT"> </ 테이블>
$ ( '# 고작').에서 Datagrid ({ 제목 : '사용자 지정 정렬', iconCls '아이콘-확인' 폭 : 520, 높이 : 250, singleSelect : 사실, remoteSort : 거짓, 열 : [[ {필드 : 진정한 폭 '항목 ID': : : 60, 정렬, 제목을 '항목 ID'} {필드 'LISTPRICE'제목 : '정가', 폭 : 70, 정렬 '오른쪽', 정렬 : 사실을} {필드 'unitcost'제목 : '단위 비용', 폭 : 70, 정렬 : '권리'정렬 : 사실을} {필드 'ATTR1'제목 : '속성', 폭 : 120, 정렬 : 사실} {필드 '날짜', 제목 : '날짜', 폭 : 80, 정렬 : 사실은, 정렬 '센터', 정렬 : 기능 (A, B) { A = a.split ( '/'); B = b.split ( '/'); 경우 (a [2] ==의 B [2]) { 경우 (a [0] == B를 [0]) { 반환의 (a [1]> B [1] :? -1); } 그밖에 { 반환의 (a [0]> B [0] 1 :? -1); } } 그밖에 { 반환의 (a [2]> B [2] 1 :? -1); } } }, {필드 '상태'제목 : '상태', 폭 : 40, 정렬 '센터'} ]] .})에서 Datagrid ( 'loadData', 데이터);
이 코드에서, 우리는 날짜에 대한 정렬 사용자 정의 열을 만들어 볼 수 있습니다. 날짜 형식은 쉽게 날짜별로 정렬 할 수 있습니다, '일 / 월 / 년'입니다.