Flex DataGrid开发常用属性和技巧

来源：互联网发布：中国最美的地方知乎编辑：程序博客网时间：2024/04/30 20:49

适用于<mx:DataGrid>

1.每行显示不同颜色，比较美观

alternatingItemColors="[#c6eafb, #fdf0c6]"

2.显示单元格内容提示，类似于toolTip

itemRenderer="mx.controls.Label"

3.有很多列时，可以打开滚动条，并锁定前几列（不参与滚动）

horizontalScrollPolicy="on"

lockedColumnCount="{1,2,3}"

4.插入图片并在单元格里面显示图片和文字

<mx:DataGridColumn width="80"><mx:headerRenderer><fx:Component><mx:HBox><mx:Image source="@Embed('assets/images/common/add_2.png')" click="addContract()" toolTip="新增合约" x="1" y="2"><fx:Script><![CDATA[import com.runtech.ft.view.AddProduct;import com.runtech.st.view.AddContract;import mx.managers.PopUpManager;//新增合约private function addContract():void{var addContract:AddContract = new AddContract();PopUpManager.addPopUp(addContract, this, true);PopUpManager.centerPopUp(addContract);}]]></fx:Script></mx:Image><mx:Text text="新增合约"/></mx:HBox></fx:Component></mx:headerRenderer><mx:itemRenderer ><fx:Component><mx:HBox><mx:Image source="@Embed('assets/images/common/edit.png')"  click="modifyContract(data.contractCode)" toolTip="点击编辑合约" x="2" y="5"><fx:Script><![CDATA[import com.runtech.st.view.AddContract;import mx.managers.PopUpManager;//修改合约private function modifyContract(contractCode:String):void{outerDocument.contractModel.freshCurrentContract(contractCode);var addContract:AddContract = new AddContract();addContract.isAdd = false;PopUpManager.addPopUp(addContract, this.parent.parent, true);PopUpManager.centerPopUp(addContract);}]]></fx:Script></mx:Image><mx:Text text="修改合约"/></mx:HBox></fx:Component></mx:itemRenderer></mx:DataGridColumn>