showHtmlEditDialog (method)

한 행의 내용을 다이얼로그로 열어 보여줍니다.
showEditDialog와 용도는 같지만, 행 내용을 IBSheet(그리드)가 아닌 순수 HTML 태그로 표현합니다.
해당 함수는 "/plugins/ibsheet-dialog.js" 파일이 포함되어 있어야 사용하실 수 있습니다.
다이얼로그 커스터마이징은 Dialog Templates appendix를 참고하세요.

showHtmlEditDialog

Syntax

object showHtmlEditDialog( row, width, height, headerIndex, name, excludeHideCol );

Parameters

Name Type Required Description
row object 필수 다이얼로그로 보여질 데이터 로우 객체
width number 선택 다이얼로그 창의 너비 (default: 700)
height number 선택 다이얼로그 창의 높이 (default: 400)
headerIndex number 선택 헤더행이 여러 줄인 경우 몇 번째 헤더행을 다이얼로그의 타이틀로 표시할 지 여부
(default: 모든 헤더행의 타이틀을 구분자 "/"로 연결하여 표시)
name string 선택 다이얼로그 이름 (default: "htmlEditSheet_" + 시트id)
excludeHideCol boolean 선택 숨겨진 컬럼에 대한 처리 여부
0(false):다이알로그 출력 시, 숨겨진 컬럼 포함 (default)
1(true):다이알로그 출력 시 숨겨진 컬럼 제외

Return Value

none

Example

// 특정 열의 셀 클릭 시 다이얼로그 오픈
options.Events = {
  onAfterClick:function(evtParam){
    if(evtParam.col == "DetailBtn"){
      evtParam.sheet.showHtmlEditDialog(evtParam.row);
    }
  }
}

// 객체 방식
sheet.showHtmlEditDialog({row: sheet.getFocusedRow(), width: 700, height: 700});

Read More

Since

product version desc
dialog 1.0.4 기능 추가
dialog 1.0.46 HTML/CSS를 dlgTemplates 외부 템플릿 파일로 분리