解决flex渲染checkbox后，下拉滚动条乱选择问题

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
<mx:Script>
<![CDATA[
import mx.modules.Module;
import mx.events.ModuleEvent;
import mx.controls.Alert;
import mx.modules.ModuleManager;
import mx.modules.IModuleInfo;
import mx.collections.ArrayCollection;
[Bindable]
private var dp:ArrayCollection = new ArrayCollection([
{name:"John Smith", foo:"bar",chk:false},
{name:"EllenSmith", foo:"baz",chk:false},
{name:"JamesSmith", foo:"eggs",chk:false},
{name:"JaneSmith", foo:"spam",chk:false},
{name:"EllenSmith", foo:"baz",chk:false},
{name:"JamesSmith", foo:"eggs",chk:false},
{name:"JaneSmith", foo:"spam",chk:false},
{name:"EllenSmith", foo:"baz",chk:false},
{name:"JamesSmith", foo:"eggs",chk:false},
{name:"JaneSmith", foo:"spam",chk:false},
{name:"EllenSmith", foo:"baz",chk:false},
{name:"JamesSmith", foo:"eggs",chk:false},
{name:"JaneSmith", foo:"spam",chk:false}]);
]]>
</mx:Script>
<mx:TileList id="tl" textAlign="right" dataProvider="{dp}" columnCount="1" width="100" height="100" columnWidth="575" borderStyle="none" >
<mx:itemRenderer>
<mx:Component>
<mx:Canvas>
<mx:CheckBox label="{data.name}" click="this.data.chk=!this.data.chk" selected="{data.chk}" />
</mx:Canvas>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>
</mx:Application>
备注：此方法貌似必须给前端数据源加一列chk即可。