ShapeCellRenderer

그리드에 포함되어 있는 도형을 표시하는 렌더러

상세 설명

자동 높이에서 TOP_EDGE, BOTTOM_EDGE를 사용할 수 없다..

[상위 클래스]

CellRenderer

예제 코드

// string type
column.renderer = 'shape';

// object type
column.renderer = {
    "type": "shape",
    "shape": "diamond"
}

프로퍼티 정보

shape


shape: string

도형 종류

상세 설명

PolygonShape 에 있는 도형들을 설정할 수 있다.

원 모양을 설정하고 싶다면, 'ellipse'로 설정하면 된다.

shapeshapeCallback 이 지정되지 않은 경우 적용된다.

shapeHeight


shapeHeight: number

도형의 높이

기본값

16

shapeLocation


shapeLocation: IconLocation

도형의 위치

shapeMap


shapeMap: { [cellValue: string]: PolygonShape; }

셀 값 - 도형 종류 쌍

상세 설명

shape 보다 우선 적용된다.

shapeCallback 이 지정되지 않은 경우 적용된다.

예제 코드


let sMap = {
     "value1": "triangle",
     "value2": "diamond"
}

column.renderer = {
    "type": "shape",
    "shapeMap": sMap
}

shapeStyle


shapeStyle: string

도형의 스타일 클래스 명

기본값

'rg-shape-renderer-shape'

shapeWidth


shapeWidth: number

도형의 너비

기본값

16

콜백 정보

shapeCallback


shapeCallback: GetShapeCallback

도형의 종류를 지정하기 위한 콜백

상세 설명

GetShapeCallback 의 형식을 따른다.

예제 코드

const f = function(grid, model) {
     if (model.value) {
         return 'ellipse';
     }
     else {
         return 'minus';
     }
}

column.renderer = {
     type: 'shape',
     shapeCallback: f
}