헤더에 체크박스 렌더러를 설정한 모습입니다.
기본적으로 헤더의 체크박스 렌더러는 독립적인 역할을 합니다. 즉, 변경 시 이벤트만 발생합니다.
그러나 다음처럼 dependentMode 를 true 로 설정하고 renderer 의 type 을 CheckBoxEditRenderer 로 설정하면 의존적으로 상호 작용을 합니다.
dataField : "col5", headerText : "", // 텍스트 표시 안하고 체크박스만 나오게 함. headerRenderer : { // 헤더 렌더러 type : "CheckBoxHeaderRenderer", // renderer 의 체크박스에 상호 의존적인 모드로 설정 (기본값 : false) // dependentMode 는 renderer 의 type 으로 CheckBoxEditRenderer 를 정의할 때만 활성화됨. dependentMode : true }, renderer : { type : "CheckBoxEditRenderer", editable : true }
모든 데모는 각각 독립적인 단일 HTML 페이지입니다. 마우스 우클릭 후 "소스 보기" (또는 크롬 기준 단축키 Ctrl + U)로 어떻게 작성되었는지 쉽게 확인 할 수 있습니다.
Copyright © AUISoft Co., Ltd.