SMART datagrid v1.4 > 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'
}
}, {
...
}]);