맨위로가기
 

SBGRID

닫기

컬럼내 inner HTML 사용
(renderer & fixedRenderer)

셀 내에 html 태그를 삽입할 수 있도록 설정합니다. 데이터 영역과 헤더 영역에서 각각 설정할 수 있습니다.

상세설명

renderer & fixedRenderer

  • 설정 : SBGridProperties.columns = [ { renderer : value | fixedRenderer : value } ];
    • value(필수) : [object] function 지정 or function 호출
      • param1 (선택)  :[object]    선택한 그리드 객체(id)
      • param2 (선택)  :[number]  function이 적용된 행 인덱스
      • param3 (선택)  :[number]  function이 적용된 열 인덱스
      • param4 (선택)  :[string]     셀 데이터
      • param5 (선택)  :[object]     json object 형식의 행 데이터

제약사항

  • 렌더러 속성 사용시 그리드 type이 output으로 설정하는 것을 권장합니다.
  • 내부 html소스의 id, name이 중복 되면 문제가 발생 할 수 있습니다.
  • 렌더러 스타일에 width, height를 주실 때 그리드 row의 height, column의 width보다 작아야 합니다.
  • CSS 충돌이 일어날 수 있기 때문에 주의가 필요합니다.(그리드가 Table 구조를 이루고 있기 때문 입니다.)
  • 렌더러 기능 사용시 getUpdateData, getGridStatus, getCellData, getRowData등의 그리드 메소드로 값을 불러올 수 없습니다.
    • 해당 부분은 따로 jquery 혹은 다른 방식으로 값을 불러오셔야 합니다.
  • 렌더러 기능은 고객사에서 자체 커스터마이징을 할 수 있는 부분이기 때문에 기술적 지원이 어려울 수 있습니다.
    • 렌더러는 html을 사용하기 때문에 모든 사항에 대한 지원이 어려울 수 있습니다.
  • 엑셀 다운로드 시 renderer & fixedrenderer가 적용된 컬럼의 값은 다운로드 되지 않습니다.
  • 스크롤이 있는 그리드에 렌더러를 적용할 경우 데이터가 보장되지 않습니다.
    • 그리드 제품 특성상 보여지는 부분만 테이블 형태로 생성되며, 스크롤 시 기존영역이 사라지기때문에
      렌더러를 이용해서 구현된 컴포넌트( input, checkbox, radio 등.. )에서 입력된 데이터 값은 불러올 수 없습니다.

예시

"학원명 컬럼, 설립자 컬럼"에 renderer 기능을 사용하시면, 다음과 같이 응용이 가능 합니다.