SMART datagrid v.1 > Classes > DataColumn
このカラムに含まれたデータセル達をレンダリングする時に適用される動的スタイルの集合。
GridBody.rowDynamicStyles、cellDynamicStylesが適用された後にこの動的スタイルが適用される。
デフォルト値はnull.
動的スタイルのexpressionで使える変数たちは以下のようである。
| 変数 | 説明 |
|---|---|
| 'value' | データセルの値 |
| 'row' | セルが含まれたグリッド行のindex. |
| 'datarow' | セルが含まれたグリッド行のdataIndex. |
| 'field' | セルに繋がったデータフィールドのindex. |
| 'checked' | グリッド行がchecked状態ならtrue. |
| 'state' | セルが含まれたグリッド行のデータの状態. 'c': 生成, 'u': 修正, 'd': 削除, 'x': 生成の後に削除 |
| 'tag' | セルカラムtag. |
column.setDynamicStyles([{
expression: 'value > 100',
styles: {
background: '#880000',
foreground: '#ffffff'
}
}, {
expression: 'value > 50',
styles: {
background: '#440000',
foreground: '#ffffff'
}
}]);
// もしくは、グリッドにカラムの設定の時
grid.setColumns([{
name: 'col01',
dynamicStyles: [{
expression: 'value > 100',
styles: {
background: '#880000',
foreground: '#ffffff'
}
}, {
...
}]);