1. Home
  2. jQuery를 EasyUI 데이터 그리드 - 정렬을 설정

최고의 jQuery를 EasyUI 데이터 그리드 - 정렬을 설정 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 데이터 그리드 - 정렬을 설정

이 예에서는 헤더를 클릭하여 데이터 그리드 (데이터 그리드) 목록을 정렬하는 방법을 보여줍니다.

데이터 그리드 목록을 정렬하려면 헤더를 클릭하여 모든 열 (데이터 그리드). 당신은 열을 정렬 할 수있는 정의 할 수 있습니다. true로 정렬 속성을 설정하지 않으면 기본적으로 열을 정렬 할 수 없습니다.

만들기 데이터 그리드 (DataGrid에) 

	<표 아이디 = "TT"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 600PX, 높이 : 250 픽셀"
			URL = "datagrid8_getdata.php"
			제목 = "데이터로드"iconCls = "아이콘 절약"
			rownumbers = "true"를 매김 = "진정한">
		<THEAD>
			<TR>
				<목 필드 = "항목 ID"너비 = "80"정렬 = "진정한"> 항목 ID </ 일>
				<목 필드 = "제품 ID"너비 = "80"정렬 = "true"로> 제품 ID </ 일>
				리스팅 가격 </ 일> <목 필드 = "LISTPRICE"너비 = "80"= "오른쪽"정렬 = "true"로 정렬>
				단위 비용 <목 필드 = "unitcost"너비 = "80"= "오른쪽"정렬 = "true"로 정렬> </ 번째>
				<목 필드 = "ATTR1"너비 = "150"> 속성 </ 일>
				Stauts </ 일> <목 필드 = "상태"너비 = "60"= "센터"정렬>
			</ TR>
		</ THEAD>
	</ 테이블>

우리는 unitcost, 일부 정렬 열, 제품 ID, LISTPRICE을 항목 ID를 포함하는 정의 좋아한다. 'ATTR1'항목과 '상태'열을 정렬 할 수 없습니다.

당신은 데이터 그리드 (데이터 그리드를) 정렬 할 경우 원격 서버에 두 개의 인수를 보냅니다

  • 정렬 : 필드 이름 목록을 정렬합니다.
  • 순서 : 정렬, '오름차순'또는 '내림차순'일 수 있으며, 기본값은 '오름차순'는 것입니다.

서버 측 코드 

	? $ 페이지 =에는 isset ($ _ POST [ '페이지']) INTVAL ($ _ POST [ '페이지']) : 1;
	? $ 행의 =의에는 isset ($ _ POST [ '행']) INTVAL ($ _ POST [ '행']) : 10;
	? $ 정렬 =에는 isset ($ _ POST [ '종류']) strval ($이 _ POST는 [ '종류']) : '항목 ID';
	? $ 주문 =에는 isset ($ _ POST의 [ '순서']) strval ($ _ POST의 [ '순서']) : '오름차순';
	$ = ($ 페이지-1) * $ 행 오프셋;
	
	$ 결과 = 배열 ​​();
	
	'conn.php'를 포함;
	
	$ 루피 = 상 mysql_query ( "항목에서 카운트 (*)을 선택합니다");
	$ 행 = mysql_fetch_row () 함수 ($ RS);
	$ 결과 [ "총"] = $ 행 [0]
	
	$ 루피 = 상 mysql_query ( "$ 행을 상쇄 $ $ 정렬 $ 순서 제한에 의해 항목 순서 SELECT * FROM");
	
	$ 항목 = 배열 ​​();
	동안 ($ 행 = mysql_fetch_object ($ RS)) {
		($ 항목, $ 행) array_push;
	}
	$ [ "행"] = $ 항목을 결과;
	
	에코하여 json_encode ($ 결과);

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid8.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 데이터 그리드 - 정렬을 설정
10/30