최고의 jQuery를 EasyUI 데이터 그리드는 - 복잡한 도구 모음을 만들 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 데이터 그리드는 - 복잡한 도구 모음을 만들

데이터 그리드 (DataGrid를) 도구 모음 (도구 모음) 버튼 및 기타 구성 요소를 포함 할 수 있습니다. 당신은 쉽게 사용자 정의 도구 모음 레이아웃, DIV 태그는 데이터 그리드 (DataGrid를) 도구 모음의 내용이 될 것이다하는 기존 DIV 태그를 전달할 수 있습니다. 이 튜토리얼에서는 복잡한 데이터 그리드 도구 모음 (데이터 그리드) 구성 요소를 만드는 방법을 보여줍니다.

도구 모음 만들기 (도구 모음)

	<사업부 아이디 = "결핵"스타일 = "패딩 : 5px; 높이 : 자동">
		<사업부 스타일 = "여백 - 하단 : 5px">
			<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"> </a>를
			<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> </a>를
			<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"> </a>를
			<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true"> </a>를
			<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"> </a>를
		</ DIV>
		<DIV>
			날짜 : <입력 클래스 = "easyui-datebox"스타일 = "너비 : 픽셀 범위">
			받는 사람 : <입력 클래스 = "easyui-datebox"스타일 = "너비 : 픽셀 범위">
			언어 : 
			<입력 클래스 = "easyui - 콤보 상자"스타일 = "너비 : 100 픽셀"
					URL = "데이터 / combobox_data.json"
					valueField = "아이디"에 textField = "텍스트">
			<a href="#" class="easyui-linkbutton" iconCls="icon-search"> 검색 </a>를
		</ DIV>
	</ DIV>

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

	<표 클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 600PX, 높이 : 250 픽셀"
			URL = "데이터 / datagrid_data.json" 
			제목 = "데이터 그리드 - 복잡한 도구 모음"도구 모음 = "# 결핵"
			singleSelect = "true"를 fitColumns = "진정한">
		<THEAD>
			<TR>
				<목 필드 = 너비 = "60", "항목 ID"> 항목 ID </ 일>
				<목 필드 = "제품 ID"너비 = "80"> 제품 ID </ 일>
				<목 필드 = "LISTPRICE"정렬 = "오른쪽"너비 = "70"> 리스팅 가격 </ 일>
				< "unitcost"목 필드 = "오른쪽"너비 = "70"정렬> <일 /> 단위 비용
				<목 필드 = "ATTR1"너비 = "200"> 주소 </ 일>
				<목 필드 = "상태"너비 = "50"> 상태 </ 일>
			</ TR>
		</ THEAD>
	</ 테이블>

당신이 볼 수 있듯이, 비슷한 데이터 그리드 (DataGrid를) 도구 모음 필드 대화 상자 (대화). 우리는 복잡한 데이터 그리드 (데이터 그리드)와 도구 모음을 만들 수있는 자바 스크립트 코드를 작성할 필요가 없습니다.

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid19.zip

jQuery를 EasyUI 데이터 그리드는 - 복잡한 도구 모음을 만들
10/30