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() 属性。
更多参考 点击此处查看样式浏览器。