====== 그리드 버튼 가이드 ====== 그리드 데이터부 input_type 속성이 9:button인 경우에 대한 가이드 화면이다. 버튼 활성화 여부는 컬럼/아이템의 editable 속성을 기준으로 동작합니다. button_style_class 속성을 이용하여 미리정의된 스타일 적용 기능을 제공합니다. ===== 예시 ===== 템플릿 위치: /HTML5/COMPONENT/GRID/grid_column_button 템플릿 파일 * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_column_button.xml|grid_column_button.xml]] * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_column_button.js|grid_column_button.js]] * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_column_button|새창으로 실행]] echo ''; echo ''; echo ''; ==== 화면 스크립트 ==== /** * 그리드 컬럼 유형이 button인 경우, 버튼 클릭 이벤트 처리 * @param objInst 이벤트가 발생한 그리드 오브젝트 * @param nClickRow 이벤트가 발생한 그리드 행 인덱스 (Zero-Based) * @param nClickColumn 이벤트가 발생한 그리드 열 인덱스 (Zero-Based) */ function grd_on_itembtnclick(objInst, nClickRow, nClickColumn) { factory.consoleprint("grd_on_itembtnclick event"); screen.alert("Button Click, Row = " + nClickRow + ", Column = " + nClickColumn); } // 컬럼 버튼 비활성 버튼 이벤트 function btn_setcolumneditable_on_mouseup(objInst) { // 컬럼 editable 속성을 토글처리하여 컬럼 버튼 전체 활성/비활성 처리 grd.setcolumneditable(0, !grd.getcolumneditable(0)); } // 특정 아이템 버튼 활성 버튼 이벤트 function btn_setitemeditable_on_mouseup(objInst) { // 특정 아이템 editable 속성을 토글처리하여 아이템 버튼 활성/비활성 처리 grd.setitemeditable(1, 1, !grd.getitemeditable(1, 1)); }