flex学习日记(二)--自定义事件

第一步 声明showPreview事件
<fx:Metadata>
		[Event(name="showPreview", type="flash.events.Event")]
	</fx:Metadata>

第二步 注册showPreview事件
<fx:Script>
		<![CDATA[			
			
			protected function preview_clickHandler(event:MouseEvent):void
			{
				var eventObject:Event = new Event("showPreview");
				dispatchEvent(eventObject);
			}
		]]>
	</fx:Script>

第三步 将按钮与showPreview事件绑定
<s:Button id="preview"
			  label="Preview"
			  click="preview_clickHandler(event)"/>

第四步:在主页面中调用showPreview事件
<components:Choose id="chooseEmployee" 
						   x="30" y="50" width="566" height="341"
						   employee="{employeeData}"
						   showPreview="chooseEmployee_showPreviewHandler(event)"/>


 

<style> .row { display: flex; width: 100%; gap: 10px; } .col { flex: 1; display: flex; align-items: center; } .col input[type="text"] { flex: 1; padding: 4px; box-sizing: border-box; } .col label { white-space: nowrap; margin-right: 10px; font-weight: bold; } </style> <!-- 一行中的三列 --> <div class="row"> <!-- 第一列:Requested by --> <div class="col"> <label>Requested by #:</label> <input type="text" /> </div> <!--列:复选框组 --> <div class="col" style="justify-content: center;"> <label style="margin-right: 10px;">Requested by:</label> <label style="display: flex; align-items: center; margin-right: 10px;"> <input type="checkbox" id="me" /> <label for="me" style="margin-left: 5px;">ME</label> </label> <label style="display: flex; align-items: center; margin-right: 10px;"> <input type="checkbox" id="pe" /> <label for="pe" style="margin-left: 5px;">PE</label> </label> <label style="display: flex; align-items: center; margin-right: 10px;"> <input type="checkbox" id="qa" /> <label for="qa" style="margin-left: 5px;">QA</label> </label> <label style="display: flex; align-items: center;"> <input type="checkbox" id="pmc" /> <label for="pmc" style="margin-left: 5px;">PMC</label> </label> </div> <!-- 第三列:Ext. no. --> <div class="col"> <label>Ext. no.:</label> <input type="text" /> </div> </div> <!-- 下一行:Date --> <div style="margin-top: 15px;"> <label>Date (MM/DD/YYYY):</label> <input type="text" placeholder="MM/DD/YYYY" style="width: 120px;" /> </div> 不想要这三行均分一行宽度,而是按开发者意愿自定义宽度
07-19
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

带头大哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值