jQuery를 EasyUI 데이터 그리드 - 속성 그리드 만들기
부동산 그리드 (확장)를 확장 내장과 (속성 그리드) / 축소 (병합) 버튼을, 단순히 행이 될 수 있습니다. 당신은 단순히 편집 가능한 계층 적 특성 (계층) 목록을 만들 수 있습니다.
HTML 설정
<표 아이디 = "TT"클래스 = "easyui-PropertyGrid가"스타일 = "너비 : 300 픽셀" URL = "propertygrid_data.json" showGroup = "true"를 scrollbarSize = "0" > </ 테이블>
JSON 데이터를 준비
[ { "이름": "이름", "값": "빌 스미스", "그룹": "ID 설정", "편집기": "텍스트"}, { "이름": "주소", "값": "", "그룹": "ID 설정", "편집기": "텍스트"}, { "이름": "나이", "값": "40", "그룹": "ID 설정", "편집기": "numberbox"}, { "이름" "생일", "값": "2012년 1월 2일", "그룹": "ID 설정", "편집기": "datebox"}, { "이름": "SSN", "값": "123-456-7890", "그룹": "ID 설정", "편집기": "텍스트"}, { "이름": "이메일", "값": "[email protected]", "그룹": "마케팅 설정", "편집기": { "유형": "validatebox" "옵션": { "VALIDTYPE": "이메일" } }} { "이름": "FrequentBuyer", "값": "거짓", "그룹": "마케팅 설정", "편집기": { "유형": "체크 박스" "옵션": { "에"사실, "오프"거짓 } }} ]
당신이 볼 수 있듯이, 속성 그리드 (속성 그리드) 모든 자바 스크립트 코드의 작성을 필요로하지 않습니다. 당신은 단순히 확장 편집기 유형을 상속 할 수 있습니다.