<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="添加>>" click="doChoose()" />
<mx:Button label="删除<<" click="unChoose()" />
</mx:VBox>
<mx:List id="rightList" dataProvider="{chosenList}" width="160" height="140" labelField="handlerName"/>
</mx:HBox>
<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="添加>>" click="doChoose()" />
<mx:Button label="删除<<" click="unChoose()" />
</mx:VBox>
<mx:List id="rightList" dataProvider="{chosenList}" width="160" height="140" labelField="handlerName"/>
</mx:HBox>