Function.apply在组件中的应用

在Flex的方法参数中,可以使用预先赋值的方式,所以在这样的方法中参数的数量就不固定,因此可以在组件中方法设置参数的时候使用Function.apply方法,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:container="pizazz.flex4.container.*"
minWidth="955" minHeight="600">
<s:layout>
<s:VerticalLayout />
</s:layout>
<fx:Script>
<![CDATA[
import mx.containers.Form;
import mx.containers.FormHeading;

private function clikcHandler():void{
addElement(createForm("1", ["点击1", null, 200]));
addElement(createForm("2", ["点击2"]));
}

private function createForm(label:String, button:Array):Form{
const _form:Form = new Form();
var _head:FormHeading = new FormHeading();
_head.label = label;
var _btn:Button = buttonFactory.apply(null, button);
_form.addElement(_head);
_form.addElement(_btn);
return _form;
}

public function buttonFactory(label:String,
onClick:Function = null, width:Number = NaN,
icon:Class = null, target:Button = null):Button{
if(!target){
target = new Button();
}
if(onClick != null){
target.addEventListener(MouseEvent.CLICK, onClick);
}
if(icon != null){
target.setStyle("icon", icon);
}
target.setStyle("cornerRadius", 0);
target.width = width;
target.label = label;
return target;
}
]]>
</fx:Script>
<s:Button width="100" label="点击" click="clikcHandler()" />
</s:Application>


这样应用,组件方法实现就比较灵活了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值