1. Home
  2. jQuery를 EasyUI 양식 - 필터 드롭 다운 데이터 그리드 (ComboGrid)

최고의 jQuery를 EasyUI 양식 - 필터 드롭 다운 데이터 그리드 (ComboGrid) 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 양식 - 필터 드롭 다운 데이터 그리드 (ComboGrid)

드롭 다운 데이터 그리드 (Combogrid) 공통 구성 요소, 드롭 다운 상자 (콤보) 구성 요소의 데이터 그리드 (에서 Datagrid)를 기반으로 드롭 다운 패널을 가질뿐만 아니라,이다. 드롭 다운 데이터 그리드 (Combogrid) 구성 요소, 페이징을 여과하고, 다른 데이터 그리드 (에서 Datagrid) 기능이 될 수있다. 이 튜토리얼은 어떻게 드롭 다운 데이터 그리드 (Combogrid) 구성 요소에 기록 된 데이터를 필터링하는 방법을 보여줍니다.

드롭 다운 데이터 그리드를 작성 (Combogrid) 

<입력 한 id = "CG"스타일 = "너비 : 150 픽셀">

$ ( '# Cg를'). Combogrid ({
	panelWidth : 500,
	URL : 'form5_getdata.php'
	idField는 '항목 ID'
	에 textField : '제품 ID',
	모드 : '원격'
	fitColumns : 사실,
	열 : [[
		{필드 : 60 : 폭 '항목 ID', 제목 '항목 ID'}
		{필드 '제품 ID', 제목 : '제품 ID가'정렬 '권리', 폭 : 80},
		{필드 'LISTPRICE은'제목 : '정가는'정렬 '오른쪽', 폭 : 60},
		{필드 'unitcost'제목 : '단위 비용은'정렬 '오른쪽', 폭 : 60},
		{필드 'ATTR1'제목 : '속성', 폭 : 150}
		{필드 '상태'제목 : 'Stauts'정렬 '센터', 폭 : 60}
	]]
});

드롭 다운 데이터 그리드 (Combogrid) 구성 요소는 'idField'와 '에 textField'속성을 정의해야합니다. 'IdField'속성 저장소 성분 값 '에 textField'속성은 텍스트 입력 창에 텍스트 메시지를 디스플레이한다. 드롭 다운 데이터 그리드 (Combogrid) 구성 요소는 '지역'또는 '원격'모드 필터 기록 할 수있다. 사용자가 텍스트 입력 창에 문자를 입력 리모트 (원격) 모드에서, 드롭 다운 데이터 그리드 (Combogrid)는 원격 서버에 대한 'Q'매개 변수를 전송한다.

서버 측 코드

form5_getdata.php 
? $ Q =에는 isset ($ _ POST [ 'Q']) strval ($ _ POST [ 'Q']) : '';

'conn.php'를 포함;

$ 루피 = 상 mysql_query ( "항목 ID는 '% 1 $ Q의 %'와 같은 '% 1 $ q를 %'또는 제품 ID를 원하는 경우 항목에서 * 선택");
$ 행 = 배열 ​​();
동안 ($ 행 = mysql_fetch_assoc ($ RS)) {
	$ 행 [] = $ 행;
}
에코하여 json_encode ($ 행);

jQuery를 EasyUI 예제를 다운로드

jeasyui-form-form5.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 양식 - 필터 드롭 다운 데이터 그리드 (ComboGrid)
10/30