SMART datagrid v.1 > Classes > DataColumn

Back  Forward

DataLudi.DataColumn.dynamicStyles  property

当渲染属于这个列的数据单元格时,被适用的动态样式集合。 

在适用GridBody.rowDynamicStylescellDynamicStyles之后,将会适用这个动态样式。 

默认值为null.

Getter
function dynamicStyles(): DynamicStyleCollection
Setter
function setDynamicStyles(value: Array|Object)

下列变量,可以被用于动态样式的expression。 

Table-1  expression变量
变量说明
'value'数据单元格的值。
'row'包含单元格的网格行的index
'datarow'包含单元格的网格行的dataIndex
'field'连接在单元格的数据字段的index
'checked'如果网格行为Checked状态,就会是true
'state'包含单元格的网格行的数据状态'c': 创建, 'u': 修改, 'd': 删除, 'x': 创建后删除
'tag'单元格列tag
Code -1
    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' 
            }
        }, {
            ...
    }]);
See Also
动态样式概述
DynamicStyle
GridBody.rowDynamicStyles
GridBody.cellDynamicStyles
DynamicStyleCollection
GridStyles
Examples
列动态样式