렌더링

이미지 렌더링

QCELL에서 컬럼 타입을 image로 사용하여 컬럼을 이미지 형태로 표현할 수 있습니다.

※ 이미지 컬럼 옵션
● imagealt : "image" 컬럼 타입 사용 시 image element 의 대체 문구
● imageheight : "image" 컬럼 타입 사용 시 image element의 높이
● imagewidth : "image" 컬럼 타입 사용 시 image element의 넓이
● imagestyle : "image" 컬럼 타입 사용 시 image element의 스타일
options : {imagestyle: {"width" : "60px","height": "30px", "vertical-align" : "middle"}}와 같이 imagestyle 옵션을 통해 이미지의 넓이와 높이를 설정할 수도 있습니다.
● imageclick : "image" 컬럼 타입 사용 시 image element를 클릭할 때 동작할 event 콜백 함수명
● imageuri : "image" 컬럼 타입 사용 시 출력할 image의 경로
● imageerroruri : "image" 컬럼 타입 사용 시 에러가 발생할 경우 출력할 에러 image의 경로

해당 그리드의 국가 컬럼에 각 나라별 국기를 표현한 것을 보실 수 있습니다.

---