====== 그리드 HTML 가이드 ====== 그리드 컬럼 데이터부 input_type 속성 값이 7:html인 경우에 대한 예시 화면이다. input_type 속성이 7:html인 경우, 데이터가 HTML 문자열인 경우, HTML 문자열을 escape 처리하여 표시한다. input_type 속성이 0:html인 경우, 데이터가 HTML 문자열인 경우, HTML 문자열을 그대로 표시한다. GRID_EDITBOX_ESCAPE_HTML 실행 파라미터가 true인 경우, 위의 두가지 동작 방식이 반대로 수행된다. ===== 예시 ===== 템플릿 위치: /HTML5/COMPONENT/GRID/grid_html_basic 템플릿 파일 * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_html_basic.xml|grid_html_basic.xml]] * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_html_basic.js|grid_html_basic.js]] * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_html_basic|새창으로 실행]] 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"); } // "컬럼 버튼 비활성" 버튼 이벤트 function btn_setcolumneditable_on_mouseup(objInst) { // 컬럼 editable 속성을 false로 지정하여 버튼 비활성화 grd.setcolumneditable(0, false); } // "특정 아이템 버튼 활성" 버튼 이벤트 function btn_setitemeditable_on_mouseup(objInst) { // 컬럼 특정 아이템의 editable 속성을 true로 지정하여 버튼 활성화 처리 grd.setitemeditable(1, 1, true); grd.setitemeditable(1, 0, false); }