在flex数据网格中设置背景颜色

时间:2011-11-23 02:50:10

标签: actionscript-3 flex flex4 flex3

我创建了一个搜索标签,通过提供不同的输入,我在数据网格中列出搜索对象。我想将每行wrt颜色设置为其类型,例如,对于Admin红色或红色文本显示在受尊重的数据网格行中。我怎么能这样做,我正在使用此代码创建datagrid。

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

1 个答案:

答案 0 :(得分:0)

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

以获得Style Explorer的进一步参考Click Here