flex List的使用1

<mx:HBox width="100%" verticalAlign="middle">
  <mx:Spacer width="5"/>
  <mx:Image source="assets/images/users.png"/>
  <mx:Label text="{titleName}" fontSize="13" color="#4080A3"/>
 </mx:HBox>
 <mx:HRule width="410" strokeColor="#4080A3"/>
 <mx:HBox>
  <mx:Label text="用户名过滤:"/>
  <mx:TextInput id="chooseUser" width="80" maxChars="10" change="filteHandler()"/>
 </mx:HBox>
 <mx:HBox width="100%" height="100%" horizontalGap="5">
  <mx:List id="leftList" dataProvider="{canChooseList}" width="160" height="140" labelField="handlerName"
     doubleClickEnabled="true" doubleClick="doChoose()"/>
  <mx:VBox width="80" height="100%" verticalAlign="middle" horizontalAlign="center">
    <mx:Button  label="添加&gt;&gt;" click="doChoose()" />
    <mx:Button  label="删除&lt;&lt;" click="unChoose()" />
  </mx:VBox>
  <mx:List id="rightList" dataProvider="{chosenList}" width="160" height="140" labelField="handlerName"/>
 </mx:HBox>