关于 actionscript 3:在 flex 数据网格中设置背景颜色

Setting background color in a flex datagrid

我创建了一个搜索选项卡,并通过提供不同的输入在我的数据网格中列出搜索对象。我想为每一行着色为其类型,例如对于管理员,红色或红色文本显示在受尊重的数据网格行中。我该怎么做,atm 我正在使用此代码创建数据网格。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<mx:DataGrid x="170" y="10" height="238" width="318" dataProvider="{userContacts}" id="contactsGridView">
        <mx:columns>
            <mx:DataGridColumn width="80" headerText="Username" dataField="username"/>
            <mx:DataGridColumn width="80" headerText="First Name" dataField="firstName"/>
            <mx:DataGridColumn width="80" headerText="Last Name" dataField="lastName"/>
            <mx:DataGridColumn  headerText="Type" dataField="type">
                <mx:itemRenderer>
                    <fx:Component>
                        <mx:VBox>
                            <mx:Text width="100%" text="{(data.type == 1)? 'Admin':((data.type == 2)? 'Doctor': ((data.type == 4)? 'Patient' : ((data.type == 3)? 'Nurse':((data.type == 5)? 'Professional':((data.type == 6)? 'Loved One': 'Unknown')))))}"/>
                        </mx:VBox>
                    </fx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>

使用 setStyle() 函数可以轻松应用样式。
对交替的项目颜色和标题颜色应用相同的颜色。
在搜索字符串为空或为空时,使用
相同的 setStyle() 属性。

更多参考 点击此处查看样式浏览器。