设置flex数据网格的背景颜色

Question

我已经创建了一个搜索选项卡，并通过给出不同的输入，我列出了我的数据网格中的搜索对象。我想颜色每一行写入其类型，例如管理红色或红色文本显示在尊重的数据网格行。我怎么能做到这一点，如果我使用这个代码创建数据网格。

<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>

Answer 1

使用setStyle()函数很容易应用样式。为交替的项目颜色和标题颜色应用相同的颜色。在搜索字符串为null或空时，使用相同的setStyle()属性