jQuery를 EasyUI 데이터 그리드 - 도구 모음
이 예는 데이터 그리드 (데이터 그리드)에 도구 모음 (도구 모음)을 추가하는 방법을 보여줍니다.
만들기 데이터 그리드 (DataGrid에)
<표 아이디 = "TT"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 600PX, 높이 : 250 픽셀" URL = "데이터 / datagrid_data.json" 제목 = "데이터 그리드와 도구 모음"iconCls = "아이콘 절약" 도구 모음 = "# 결핵"> <THEAD> <TR> <목 필드 = 너비 = "80", "항목 ID"> 항목 ID </ 일> <목 필드 = "제품 ID"너비 = "80"> 제품 ID </ 일> <목 필드 = "LISTPRICE"너비 = "80"= "권리"정렬> 리스팅 가격 </ 일> 단위 비용 <목 필드 = "unitcost"너비 = "80"= "권리"정렬> </ 번째> <목 필드 = "ATTR1"너비 = "150"> 속성 </ 일> Stauts </ 일> <목 필드 = "상태"너비 = "60"= "센터"정렬> </ TR> </ THEAD> </ 테이블> <사업부 아이디 = "TB"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> 추가 </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> </a>를 잘라 <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> 저장 </a>에 </ DIV>
우리는 단순히 데이터 그리드 (데이터 그리드)에 '도구 모음'속성 연결 도구 모음 (도구 모음)에 의해 임의의 자바 스크립트 코드를 작성할 필요가 없습니다.