Flex手机项目继承IconItemRenderer自定义List组件

代码如下：

package common
{
	import flash.events.MouseEvent;
	
	import spark.components.Button;
	import spark.components.IconItemRenderer;
	
	public class MyItem2 extends IconItemRenderer
	{
		private var delButton:Button;
		private var editButton:Button;
		public function MyItem2()
		{
			super();
		}
		/**
		 * @private
		 * 
		 * Override this method to create children for your item renderer 
		 */	
		override protected function createChildren():void
		{
			super.createChildren();
			// create any additional children for your item renderer here
			delButton=new Button();
			delButton.x=this.parent.width-100;
			delButton.y=25;
			delButton.label="删除";
			delButton.scaleX=0.6;
			delButton.scaleY=0.6;
			delButton.height=35;
			delButton.width=70;
			delButton.addEventListener(MouseEvent.CLICK,delHandleClick);
			this.addChild(delButton);
			
			editButton=new Button();
			editButton.x=this.parent.width-50;
			editButton.y=25;
			editButton.label="修改";
			editButton.scaleX=0.6;
			editButton.scaleY=0.6;
			editButton.height=35;
			editButton.width=70;
			editButton.addEventListener(MouseEvent.CLICK,editHandleClick);
			this.addChild(editButton);
		}
		private function delHandleClick(event:MouseEvent):void{
			
		}
		private function editHandleClick(event:MouseEvent):void{
			
		}
	}
}

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark" title="主页视图" xmlns:common="common.*">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<s:List width="100%" 
			height="100%"
			alternatingItemColors="0xE3E3E3"
			contentBackgroundColor="0xF9F9F9"
			downColor="0x70B2EE"
			selectionColor="0x70B2EE"
			labelField="productName" focusEnabled="false"
			>
		<s:itemRenderer>
			<fx:Component>
				<common:MyItem2 iconPlaceholder="@Embed('assets/home.png')"
								iconField="productIcon"
								iconWidth="50" 
								iconHeight="50">
					
				</common:MyItem2>
			</fx:Component>
		</s:itemRenderer>
		<s:dataProvider>
			<s:ArrayList>
				<fx:Object productIcon="assets/fx.jpg" productName="Flex SDK" 
						   productDesc="A highly productive,open source framework."/>
				<fx:Object productIcon="assets/fb.jpg" productName="Flash Builder" 
						   productDesc="Designed to help developers rapidly develop RIAs."/>
				<fx:Object productIcon="assets/fc.jpg" productName="Flash Catalyst" 
						   productDesc="An approachable new interaction design tool."/>
			</s:ArrayList>
		</s:dataProvider>
	</s:List>
</s:View>

<?xml version="1.0" encoding="utf-8"?>
<s:IconItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
					xmlns:s="library://ns.adobe.com/flex/spark"  
					labelField="title" 
					messageField="message" 
					iconField="ico" 
					iconWidth="64" 
					iconHeight="64"
					initialize="init()">
	<fx:Script>
		<![CDATA[
			import spark.components.Button;
			private var delButton:Button;
			private function init():void{
				if(!delButton){
					delButton=new Button();
					delButton.addEventListener(MouseEvent.CLICK,handleClick);
					delButton.x=this.parent.width-70;
					delButton.y=20;
					delButton.height=30;
					delButton.width=50;
					delButton.label="aa";
					this.addChild(delButton);
				}
			}
			private function handleClick(event:MouseEvent):void{
				
			}
		]]>
	</fx:Script>
</s:IconItemRenderer>