1
2
3
renderer: {
    type: "shape"
}

1
2
3
4
5
6
7
styles: {
    figureBackground: "#ff008800",
    figureName: "minus",
    iconLocation: "right",
    figureSize: "50%",
    paddingRight: 6
}

1
2
3
4
5
6
7
8
gridView.setColumnProperty("OrderID", "renderer", {type:"shape"});

gridView.setColumnProperty("OrderID", "styles", {
    figureBackground: "#ff008800",
    figureName: "ellipse",
    iconLocation: "right",
    paddingRight: 6
});

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
gridView.setColumnProperty("CustomerID", "renderer", {type:"shape"});

gridView.setColumnProperty("CustomerID", "dynamicStyles", [{
    criteria: "(value = 'WARTH') or (value = 'HILAA')",
    styles: {
        figureBackground: "#ff0000ff",
        figureName: "diamond"
    }
}, {
    criteria: "value = 'VINET'",
    styles: "figureBackground=#ffffcc00;figureName=plus"
}, {
    criteria: "value = 'TOMSP'",
    styles: "figureBackground=#ffcccc00;figureName=ellipse"
}, {
    criteria: "value = 'HANAR'",
    styles: {
        figureBackground: "#ff008800",
        figureName: "minus",
        iconLocation: "right",
        paddingRight: 6
    }
}, {
    criteria: "value = 'HUNGO'",
    styles: "figureBackground=#ff2ffc2f;figureBorder=#ffaaaaaa;figureName=equal"
}, {
    criteria: "value = 'SUPRD'",
    styles: "figureBackground=#ffff44f5;figureName=rectangle"
}]);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
gridView.setColumnProperty("UnitPrice", "renderer", {type:"shape"});

gridView.setColumnProperty("UnitPrice", "dynamicStyles", [{
    criteria: "value < 20",
    styles: "figureBackground=#ff0000ff;foreground=#ff0000ff;figureName=itriangle"
}, {
    criteria: "value < 10",
    styles: "background=#110000ff;figureBackground=#ff0000ff;foreground=#ff0000ff;figureName=downarrow"
}, {
    criteria: "value >= 20",
    styles: "figureBackground=#ffff0000;foreground=#ffff0000;figureName=triangle"
}, {
    criteria: "value > 80",
    styles: "background=#11ff0000;figureBackground=#ffff0000;foreground=#ffff0000;figureName=uparrow"
}]);