Flex DataGrid 伪合并单元格实现思路

技术  /  管理员 发布于 7年前   307

<?xml version="1.0" encoding="utf-8"?> <s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"           xmlns:s="library://ns.adobe.com/flex/spark"           xmlns:mx="library://ns.adobe.com/flex/mx"           width="100%" height="100%"        autoDrawBackground="false"          creationComplete="mxitemrenderer1_creationCompleteHandler(event)"         >   <s:layout>     <s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>   </s:layout>   <fx:Script>     <![CDATA[       import mx.collections.ArrayCollection;       import mx.controls.Text;       import mx.events.FlexEvent;  protected function mxitemrenderer1_creationCompleteHandler(event:FlexEvent):void       {         var txt1:String = lbl.text.split(",")[0];         var txt2:String = lbl.text.split(",")[1];         lbl1.text = txt1;         lbl2.text = txt2;}]]>   </fx:Script>   <fx:Declarations>     <!-- 将非可视元素（例如服务、值对象）放在此处 -->   </fx:Declarations>   <s:Label id="lbl" text="{dataGridListData.label}" visible="false" height="0"/>      <s:VGroup  id="vp" width="100%" height="100%" gap="2" >   <s:Label  id="lbl1" color="0x000000" textAlign="center" verticalAlign="middle" width="100%"/>   <mx:HRule width="100%" chromeColor="0x999999" alpha="0.3"/>   <s:Label  id="lbl2" color="0x000000" textAlign="center" verticalAlign="middle" width="100%"/>   </s:VGroup>   </s:MXDataGridItemRenderer>