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