최고의 jQuery를 EasyUI 데이터 그리드는 - 복잡한 도구 모음을 만들 튜토리얼 2024년, 이 튜토리얼에서는 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>
<표 클래스 = "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를) 도구 모음 필드 대화 상자 (대화). 우리는 복잡한 데이터 그리드 (데이터 그리드)와 도구 모음을 만들 수있는 자바 스크립트 코드를 작성할 필요가 없습니다.