Flex中List自己定义itemrenderer渲染问题的解决

我们经常需要在List组件中自定义itemrenderer来满足我们同时显示多种内容的要求。比如增加一个CheckBox，这个在itemrenderer里实现很容易。

代码如下：

ListItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
autoDrawBackground="true">
<s:layout>
<s:HorizontalLayout verticalAlign="middle"/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;

protected function changeHandler(event:Event):void
{
data.ck = ck.selected;
}

]]>
</fx:Script>

<s:CheckBox id="ck" selected="{data.ck}" x="0" y="0" change="changeHandler(event)"/>
<s:Label text="{itemIndex}"/>
<s:Label text="{data.label}"/>

</s:ItemRenderer>

这样就没有问题了。大家可以试试。