Flex 动态生成组件

  今天看了一个RIA论坛上关于动态生成组件的一个话题，感觉挺重要的，有时候我们会根据业务的需要决定一个输入框等组件是否被创建，如果组件能被动态创建和撤销，那么页面的复用就成为可能了。那位老兄说，Flex的文档指出从UIComponent继承的对象才能绘图，直接在Application或Continer上绘图是没有效果的。这句话我感觉有问题，下面的代码是我从Flex开发文档里看到的，对大家动态创建、撤销组件会有帮助。
<?xml version="1.0"?> 
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" >
  <mx:Script>
  <![CDATA[
    // Import the Checkbox class.
    import mx.controls.CheckBox;
    // Define a variable to hold the new CheckBox control.
    var addedCheckBox:CheckBox;
    // Define a variable to track if you created a CheckBox control.
    var checkBoxCreated:Boolean = false;
    function addCB()
    { 
        // Test to see if you have already created the CheckBox control.
        if(checkBoxCreated==false)
        {
            addedCheckBox = CheckBox(myHB.createChild(CheckBox, undefined, {label:"New CheckBox",toolTip:"test"}));
            checkBoxCreated=true;   
        }
    }
    function delCB()
    {
        // Make sure a CheckBox control exists.
        if(checkBoxCreated==true)
        {   
            myHB.destroyChild(addedCheckBox); 
            checkBoxCreated=false;   
        }
    }
  ]]>
  </mx:Script>
  <mx:VBox >
    <mx:HBox id="myHB" borderStyle="solid" />
    <mx:Button label="add CheckBox" click="addCB()" />
    <mx:Button label="remove CheckBox" click="delCB()" />
  </mx:VBox> 
</mx:Application>
　　红字部分是你对该控件的多个属性进行赋值的写法。

[文章热度:]

---

上一页：Flex 页面跳转

下一页：Flex List组件的使用