판정식이나 콜백 함수가 설정된 동적 스타일 객체 배열.
순서대로 콜백이나 판정식을 실행해서 통과한 스타일셋을 적용하고, 나머지는 무시한다. Javascript 등의 switch 문과 유사하다. 해당 위치에 콜백이 존재하면 수식은 무시된다. 또, 해당 위치에 스타일셋이 설정되지 않으면 앞서 설정된 것을 사용한다.
DataColumn.dynamicStyles 등에 설정 객체들로 추가할 때, 설정 객체에 "expressions"이나 "callbacks" 속성이 존재하면 이 객체로 생성된다.
var columns = [{
name: 'colQty',
fieldName: 'quantity',
dynamicStyles:[{
expressions: [
"row % 5 == 0",
"row % 3 == 0"
],
styles: [{
shapeSize: size1,
numberFormat: fmt1
}, {
shapeSize: size2,
numberFormat: fmt2
}]
}]
}, {
callbacks: [
function (cell) {
return cell.rowIndex() % 5 == 0;
},
function (cell) {
return cell.rowIndex() % 3 == 0;
}
],
styles: [{
shapeSize: size1,
numberFormat: fmt1
}, {
shapeSize: size2,
numberFormat: fmt2
}]
},
...
];
grid.setColumns(columns);