1. Home
  2. jQuery를 EasyUI 데이터 그리드 - 매김 구성 요소를 추가

최고의 jQuery를 EasyUI 데이터 그리드 - 매김 구성 요소를 추가 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 데이터 그리드 - 매김 구성 요소를 추가

이 예는 데이터 그리드 (데이터 그리드)에 탭 구성 요소 (매김)를 추가하는 방법을 서버에서 데이터를로드하는 방법을 보여줍니다.

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

원격 서버에서 데이터를로드하려면, 당신은 JSON 형식의 데이터를 반환해야합니다 서버의 'URL'속성을 설정해야합니다. 그것에 대해 더 많은 데이터 형식 정보에 대한 데이터 그리드 (DataGrid를) 설명서를 참조하십시오. 

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

우리는 데이터 그리드 (DataGrid를) 열을 정의하고의 데이터 그리드 (데이터 그리드)의 하단에 페이지 (매김) 도구 모음을 생성의 '페이징'속성이 true로 설정합니다. 페이지 매김 서버에 두 개의 매개 변수를 보낼 것입니다 :

  • 페이지 : 값 1을 시작 페이지 번호.
  • 행 : 페이지 당 행.

서버 측 코드 

	? $ 페이지 =에는 isset ($ _ POST [ '페이지']) INTVAL ($ _ POST [ '페이지']) : 1;
	? $ 행의 =의에는 isset ($ _ POST [ '행']) INTVAL ($ _ POST [ '행']) : 10;
	// ko.
	$ 루피 = 상 mysql_query ( "항목에서 카운트 (*)을 선택합니다");
	$ 행 = mysql_fetch_row () 함수 ($ RS);
	$ 결과 [ "총"] = $ 행 [0]
	
	$ 루피 = 상 mysql_query ( "$ 행을 상쇄 $ 항목 제한 SELECT * FROM");
	
	$ 항목 = 배열 ​​();
	동안 ($ 행 = mysql_fetch_object ($ RS)) {
		($ 항목, $ 행) array_push;
	}
	$ [ "행"] = $ 항목을 결과;
	
	에코하여 json_encode ($ 결과);

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid2.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 데이터 그리드 - 매김 구성 요소를 추가
10/30