1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
gridView.addCellRenderers([{
    "id": "bar01",
    "type": "bar"
}, {
    "id": "bar02",
    "type": "bar",
    "maximum": 100,
    "showLabel": false
}, {
    "id": "check01",
    "type": "check",
    "editable": true,
    "startEditOnClick": true,
    "trueValues": "True",
    "falseValues": "False",
    "labelPosition": "right"				
}, {
    "id": "shape01",
    "type": "shape"
}, {
    "id": "signal01",
    "type": "signal",
    "barCount": 10,
    "minimum": 0,
    "maximum": 100
}, {
    "id": "signal02",
    "type": "signal",
    "barCount": 20,
    "minimum": 0,
    "maximum": 100
}]);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
gridView.setColumnProperty("UnitPrice2", "dynamicStyles", [{
    "criteria": "value >= 0",
    "styles": {
        "renderer": "signal01",
        "figureBackground": "#ffffff7f",
        "figureState": "value"
    }
}, {
    "criteria": "value >= 30",
    "styles": {
        "renderer": "signal02",
        "figureBackground": "#ffd4ff55",
        "figureState": "value"
    }
}, {
    "criteria": "value >= 60",
    "styles": {
        "renderer": "bar01",
        "figureBackground": "#ffd4ff55",
        "figureSize": "30%",
        "figureState": "value"
    }
}, {
    "criteria": "value >= 90",
    "styles": {
        "renderer": "shape01",
        "figureName": "ellipse",
        "figureBackground": "#ffff0000",
        "figureSize": 12
    }
}]);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
gridView.setColumnProperty("UnitPrice1", "dynamicStyles", [{
    "criteria": "checked", //체크 시 styles 적용
    "styles": {
        "renderer": "shape01"
    }
}, {
    "criteria": "(value < 20) and (checked)",
    "styles": "figureBackground=#ff0000ff;foreground=#ff0000ff;figureName=itriangle"
}, {
    "criteria": "(value < 10) and (checked)",
    "styles": "figureBackground=#ff0000ff;foreground=#ff0000ff;figureName=downarrow"
}, {
    "criteria": "(value >= 20) and (checked)",
    "styles": "figureBackground=#ffff0000;foreground=#ffff0000;figureName=triangle"
}, {
    "criteria": "(value > 80) and (checked)",
    "styles": "figureBackground=#ffff0000;foreground=#ffff0000;figureName=uparrow"
}]);