1. Home
  2. jQuery를 EasyUI 데이터 그리드 - 문의 추가

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

jQuery를 EasyUI 데이터 그리드 - 문의 추가

이 예는 데이터베이스에서 데이터를 획득하는 방법을 설명하고있는 데이터 그리드 (데이터 그리드)에 표시. 그런 다음 사용자가 입력 한 검색 키워드에 따라 검색 결과를 표시하는 방법을 보여줍니다.

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

데이터 그리드 (데이터 그리드)와 페이징 기능을 만들고 그것을 도구 모음을 추가 할 수 있습니다. 

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

다음과 같이 도구 모음은 정의된다 : 

	<사업부 아이디 = "결핵"스타일 = "패딩 : 3px의">
		<SPAN> 항목 ID : </ SPAN>
		<입력 한 id = "항목 ID"스타일 = "라인 - 높이 : 26px; 테두리 : 1 픽셀 고체 #ccc">
		<SPAN> 제품 ID : </ SPAN>
		<입력 ID = "제품 ID"스타일 = "라인 - 높이 : 26px; 테두리 : 1 픽셀 고체 #ccc">
		<a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()"> 검색 </a>를
	</ DIV>

사용자가 쿼리 값 눌러 조회 버튼을 입력하면, 'doSearch'함수가 호출 될 것입니다 : 

	() {doSearch를 작동
		$ ( '# 고작').에서 Datagrid ( '로드', {
			상품 ID : $는 발을 ( '#은 항목 ID') () ,.
			제품 ID : $ ( '#의 제품 ID') 발 ().
		});
	}

위의 코드는 새로운 데이터 그리드 (DataGrid를) 데이터를로드 할 수있는 '로드'메소드를 호출합니다. 우리는 '항목 ID'및 서버에 '제품 ID'인수를 전달해야합니다.

서버 측 코드 

	'conn.php'를 포함;
	
	? $ 페이지 =에는 isset ($ _ POST [ '페이지']) INTVAL ($ _ POST [ '페이지']) : 1;
	? $ 행의 =의에는 isset ($ _ POST [ '행']) INTVAL ($ _ POST [ '행']) : 10;
	? $ 항목 ID =에는 isset ($ _ POST는 [ '항목 ID'])는 mysql_real_escape_string ($이 _ POST는 [ '항목 ID']) : '';
	? $ 제품 ID =에는 isset ($ _ POST [ '제품 ID'])는 mysql_real_escape_string ($ _ POST [ '제품 ID']) : '';
	
	$ = ($ 페이지-1) * $ 행 오프셋;
	
	$ 결과 = 배열 ​​();
	
	$ = " '$ 상품 ID %'와 같은 항목 ID와 '$의 제품 ID %'같은 제품 ID"경우;
	$ 루피 = 상 mysql_query ($ 여기서 "어디 항목에서 카운트 (*)을 선택합니다.");
	$ 행 = mysql_fetch_row () 함수 ($ RS);
	$ 결과 [ "총"] = $ 행 [0]
	
	$ 루피 = 상 mysql_query ($ ko "$ 제한은 $ 행을 상쇄" "항목에서 * 선택");
	
	$ 항목 = 배열 ​​();
	동안 ($ 행 = mysql_fetch_object ($ RS)) {
		($ 항목, $ 행) array_push;
	}
	$ [ "행"] = $ 항목을 결과;
	
	에코하여 json_encode ($ 결과);

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid24.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 데이터 그리드 - 문의 추가
10/30