그리드 템플릿dews.ui.grid.templates

그리드 템플릿은?

그리드 출력 시 일반 텍스트를 제외한 추가적인 HTML 요소가 필요하거나, 값의 변경이 필요할 때 템플릿을 사용합니다.

날짜 포맷 적용dews.ui.grid.templates.date

dews.ui.grid.templates.date(field, format)

dews.ui.grid.templates.datetime(field, format) ※ 포맷을 생략하면 날짜에 시간까지 포함하는 포맷을 적용

  • field string 포맷을 적용할 필드명
  • format string 출력할 포맷 문자열 약어

※ 포맷 문자열에 대한 자세한 정보는 튜토리얼 > 숫자/날짜 포맷 지정 > 포맷 문자열을 참고하세요.

데이터소스를 이용한 코드 -> 텍스트 변환dews.ui.grid.templates.dataSource

dew.ui.grid.templates.dataSource(field, options)

  • field string 포맷을 적용할 필드명
  • options object 데이터소스 옵션
    • dataSourceID string 데이터소스의 아이디
    • dataValueField string 데이터소스에서 값으로 사용되는 필드
    • dataTextField string 데이터에소스에서 텍스트로 사용되는 필드

체크박스 적용dews.ui.grid.templates.checkbox

dews.ui.grid.templates.checkbox(field, options)

  • field string 체크박스를 적용할 필드명
  • options object 체크박스 설정을 위한 설정
    • valueField string 데이터소스에서 checkbox의 value속성 값으로 사용할 필드명
    • checked string 체크박스가 체크되기 위한 조건
    • enabled string 체크박스가 활성화되기 위한 조건

dew.ui.grid.getCheckedValues(field) 체크박스가 체크된 항목 가져오기

  • field string 체크박스가 설정된 필드(컬럼)
  • 리턴값 array 체크된 항목의 value 값의 배열, 체크된 항목이 없으면 null을 반환

dew.ui.grid.getCheckedRows(field) 체크박스가 체크된 행 목록 가져오기

  • field string 체크박스가 설정된 필드(컬럼)
  • 리턴값 jQuery 체크된 로우

체크박스 전체 선택 헤더 적용dews.ui.grid.templates.checkboxHeader

dews.ui.grid.templates.checkboxHeader 체크박스가 적용된 컬럼에 전체 선택 헤더를 지정합니다.

  • field string 전체 선택 헤더를 적용할 필드(컬럼)

dews.ui.grid.templates.checkboxHeaderheaderTemplate에 지정하여야만 합니다.

template으로 dews.ui.grid.templates.checkbox가 설정된 컬럼에만 적용하십시오.

링크(앵커) 적용dews.ui.grid.templates.link

dews.ui.grid.templates.link(field, options)

  • field string 링크를 적용할 필드명
  • options object 링크 설정 값
    • urlField string href에 적용되는 URL 경로 ※ 상대경로(~/)를 사용할 수 있습니다.
    • target string 링크가 열릴 타겟 ※ 기본값: 현재 창

문자열에 마스크 적용dews.ui.grid.templates.mask

dews.ui.grid.templates.mask(field, mask) 마스크를 적용한 문자열을 그리드에 출력합니다.

파라미터

  • field string 마스크를 적용할 필드명
  • mask string 마스크 문자열

※ 마스크 문자열을 자세한 내용은 튜토리얼 > 포맷 지정 > 마스크 문자열을 참고하세요.