Flex DataGrid 伪合并单元格思路及代码

231 阅读 0 评论 153 点赞

我是靠谱客的博主靓丽白羊，最近开发中收集的这篇文章主要介绍Flex DataGrid 伪合并单元格思路及代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

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