그리드 에디터dews.ui.grid.editors

드롭다운리스트dews.ui.grid.editors.dropdownlist

dews.ui.grid.dropdownlist(container, cellOptions, dropdownOptions, display);

  • container jQuery 에디터의 컨테이너 jQuery객체
  • cellOptions object 해당 셀에 대응하는 설정 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • dropdownlistOptions object 드롭다운리스트에 대한 설정
    • dataValueField string 데이터소스에서 값에 대응하는 필드명
    • dataTextField string 데이터소스에서 텍스트에 대응하는 필드명
    • dataSource DataSource 데이터소스(배열 또는 dews.ui.dataSource)
  • display boolean|function 드롭다운리스트를 출력할 지를 결정하는 값 또는 함수 ※ 리턴값은 true|false, 기본값은 true

텍스트박스dews.ui.grid.editors.textbox

dews.ui.grid.editors.textbox(container, options, display)

  • container jQuery 에디터 컨트롤의 포함될 컨테이너의 jQuery객체 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • options object 해당 셀에 대한 설정 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • display boolean|function 텍스트박스의 출력을 결정하는 함수 또는 값 ※ 생략시 기본값은 true

숫자텍스트박스dews.ui.grid.editors.numerictextbox

dews.ui.grid.editors.numerictextbox(container, options, display)

  • container jQuery 에디터의 컨테이너 jQuery객체 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • options object 해당 셀에 대한 설정 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
    • min number|function 최소값 또는 최소값을 반환하는 함수
    • max number|function 최대값 또는 최대값을 반환하는 함수
    • format string 숫자텍스트박스 에디터에서 출력시 사용할 포맷
    • decimals number 숫자텍스트박스 에디터에서 입력 받을 수 있는 소수점 이하 자릿수
  • dispaly boolean|function 숫자텍스트박스를 출력할지 결정하는 값 또는 함수 ※ 리턴값은 true|false, 기본값은 true

마스크텍스트박스dews.ui.grid.editors.maskedtextbox

dews.ui.grid.editors.maskedtextbox(container, cellOptions, display)

파라미터

  • container jQuery 에디터의 컨테이너 jQuery객체 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • options object 해당 셀에 대한 설정
    • mask string 마스크 문자열
    • unmaskOnPost boolean 그리드로 전송할 때 마스크를 해제할지 여부 ※ 기본값 : true
    • prompt string 프롬프트 문자열
  • dispaly boolean|function 마스크텍스트박스를 출력할지 결정하는 값 또는 함수 ※ 리턴값은 true|false, 기본값은 true

※ 마스크 문자열을 자세한 내용은 튜토리얼 > 포맷 지정 > 마스크 문자열을 참고하세요.
※ 에디터에서는 * 가 지원되지 않습니다.

날짜 피커dews.ui.grid.editors.datepicker

dews.ui.grid.editors.datepicker(container, options, display)

  • container jQuery 에디터의 컨테이너 jQuery객체 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • options object 해당 셀에 대한 설정 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
    • min string|function 최소일자 ※ 날짜형식의 문자열 (예: YYYYMMDD)
    • max string|function 최대일자 ※ 날짜형식의 문자열 (예: YYYYMMDD)
  • display boolean|function 데이트피커를 출력할 지르 결정하는 값 또는 함수 ※ 리턴값은 true|false, 기본값은 true

날짜시간피커dews.ui.grid.editors.datetimepicker

dews.ui.grid.editors.datetimepicker(container, options, display)

  • container jQuery 에디터의 컨테이너 jQuery객체 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • options object 해당 셀에 대한 설정 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
    • min string|function 최소일자 ※ 날짜시간형식의 문자열(예: YYYYMMDDHHMMSS)
    • max string|function 최대일자 ※ 날짜시간형식의 문자열(예: YYYYMMDDHHMMSS)
  • display boolean|function 데이트피커를 출력할지를 결정하는 값 또는 함수 ※ 리턴값은 true|false, 기본값은 true

읽기전용dews.ui.grid.editors.readonly

dews.ui.grid.editors.readonly(container, options)

  • container jQuery 에디터의 컨테이너 jQuery 객체 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • opitons object 해당 셀에 대응하는 설정 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.

※ 에디터로 수정하지 않고 스크립트 코드로만 수정하는 필드에 에디터가 생성되지 않도록 합니다.

코드피커dews.ui.grid.editors.codepicker

dews.ui.grid.editors.codepicker(container, cellOptions, codepickerOptions, display)

  • container jQuery 에디터의 컨테이너 jQuery객체 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • cellOptions object 해당 셀에 대한 설정 ※ 그리드에서 자동으로 전송하므로 중계만 하면 됩니다.
  • codepickerOptions object 코드피커에 대한 설정
    • helpCode string 코드도움코드
    • codeField string 코드도움에서의 코드필드명
    • textField string 코드도움에서의 텍스트필드명
    • callback function 데이터가 변경이 일어났을 때 처리할 콜백 함수
      • rowData object 현재 행의 데이터
      • pickerData string|number 코드피커에서 전달된 데이터
    • gridCodeField string 코드도움의 코드필드와 매핑되는 그리드의 필드명 ※ 생략시 codeField를 이용
    • gridTextField string 코드도움의 텍스트필드와 매핑되는 그리드의 필드명 ※ 생략시 codeField를 이용
    • helpParams string 코드도움으로 함께 전송할 파라미터
    • helpTitle string 코드도움창 타이틀
    • helpWidth number 코드도움 너비
    • helpHeight number 코드도움 높이
  • display boolean|function 코드피커를 출력할 지 여부를 결정하는 값 또는 함수 ※ 리턴값은 true|false, 기본값은 true

※ 코드 피커 사용 방법

  1. 데이터 소스에 코드필드와 텍스트필드의 editabletrue로 설정한다.
  2. 그리드에서 텍스트 컬럼에 editordews.ui.grid.editors.codepicker로 설정한다.
  3. 그리드에서 코드 컬럼은 editordews.ui.grid.editors.readonly로 설정한다.