自己做的一个关于Module的例子

主程序customModule.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
  percentWidth="100" percentHeight="100" width="600" height="500"  initialize="init()" >
<mx:Script>
<![CDATA[
    import customAs.treeAndTextArea.TreeAndTextArea;
public var treeAndTextArea:TreeAndTextArea;

private function init():void
{
treeAndTextArea=new TreeAndTextArea(treeModule,textAreaModule);
}
]]>
</mx:Script>
<mx:ModuleLoader  id="treeModule" x="0" y="0" width="300" height="500" />
<mx:ModuleLoader  id="textAreaModule" x="300" y="0" width="300" height="500"  />
</mx:WindowedApplication>

数据传送方del.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:custom="*" layout="absolute"  initialize="init()"
        percentWidth="100" percentHeight="100">

<mx:Script>
   <![CDATA[
   import mx.controls.TextInput;
   import mx.events.ListEvent;
    import flash.events.MouseEvent;
     import flash.ui.ContextMenu;
     import flash.ui.ContextMenuItem;
     import flash.events.*;
     import mx.events.ListEvent;
     import mx.controls.Alert;
     import flash.utils.getQualifiedClassName;
  
  
     public var itemClick:XML;//当前选中节点的XML结构
     public  var replace:XML;//tree的dataprovider的XML结构
     public var nodeIndexArray:Array=new Array();//用于存储当前选中节点到根节点的关联节点的索引值
     public var currentNode:XML;//从当前选中节点到根节点过程中经历的节点
     public var targetNodeIndex:int;//选中节点的索引
     public var bool:Boolean=false;
    
     public function iItemClick(ac:XMLList):void
     {
    
     }
       
      public function init():void 
      {
      var contextMenu1:ContextMenu=new ContextMenu();//创建右键菜单
      contextMenu1.hideBuiltInItems();//隐藏内置菜单
      var deleteItem:ContextMenuItem=new ContextMenuItem("删除");//创建右键菜单元素
      var addNodeMenuItem:ContextMenuItem=new ContextMenuItem("添加");
      var renameMenuItem:ContextMenuItem=new ContextMenuItem("重命名");
      contextMenu1.customItems.push(deleteItem,addNodeMenuItem,renameMenuItem);//将菜单元素添加到菜单中
      deleteItem.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,deleteHandler);//侦听事件
      addNodeMenuItem.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT ,addNodeHandler);
      renameMenuItem.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT ,renameHandler);
      menuBarTree.contextMenu=contextMenu1;
     
           
     
    }
   
    public function ce():void
    {
    trace("interaface");
    }
   
/*－－－－－－－－－－－处理单击树控件的元素时发出事件---------
----------------------------------------------------
--------------------------------------------------*/
     
      private function itemClickHandler(event:ListEvent):void
      {
      itemClick=new XML();
      itemClick=event.target.selectedItem;
      ItemClickData.getInstance().dispatchEvent(new Event(ItemClickData.INIT));
      trace(ItemClickData.getInstance());
      }
     
     
     
/*－－－－－－－－－－－－－－添加元素--------------------
----------------------------------------------------
--------------------------------------------------*/
           
      private function addNodeHandler(event:ContextMenuEvent):void
      {
        var textIndex:int=0;
          var newNode:XML = <menu label="未命名"/>;
       itemClick.appendChild(newNode);
     //  ItemClickData.getInstance().dispatchEvent(new Event(ItemClickData.INIT));
     
      }     
     
/*－－－－－－－－－－－－－－删除元素--------------------
----------------------------------------------------
--------------------------------------------------*/
     
      private function deleteHandler(event:ContextMenuEvent):void
      {
      ItemClickData.getInstance().dispatchEvent(new Event(ItemClickData.FILE));
      replace=new XML();
           replace=XML(treeData.xx);
          
           nodeIndexArray.length=0;//清空索引数组
          
           currentNode=new XML();
           currentNode=itemClick;//对currentNode进行初始化
           targetNodeIndex=itemClick.childIndex();
          
            find();
      }
     
      private function find():void
      {
         if (itemClick.@label=="rootNode")
           {
               Alert.show("不可以被删除");
           }
           else if (currentNode.parent().@label!="rootNode")
           {
               currentNode=currentNode.parent();
               nodeIndexArray.push(currentNode.childIndex());
               find();
           }
           else
           {
              if(itemClick.parent().@label=="rootNode")
              {
              delete replace.children()[targetNodeIndex];
              }
               else
               {
                      for (var i:int=nodeIndexArray.length;i>0;i--)
                   {
                   var index:int=nodeIndexArray[i-1];
                   var deleteXML:XML=replace.children()[index];
                   replace=replace.children()[index];
                   }
                     delete deleteXML.children()[targetNodeIndex];
                }
            }
                   
     
      }
     
/*－－－－－－－－－－－－－－重命名元素--------------------
----------------------------------------------------
--------------------------------------------------*/
           
      private function renameHandler(event:ContextMenuEvent):void
      {
      menuBarTree.editable=true;
      menuBarTree.editedItemPosition=
         {rowIndex:Number(menuBarTree.selectedIndex),columnIndex:Number(0)};
     
      }
     
     
      private function itemEndHandler(e:Event):void
      {
      menuBarTree.editable=false;
      }
 



     
     

     
/*－－－－－－－－－－－－－－dataProvider---------------
----------------------------------------------------
--------------------------------------------------*/
     
      var treeData:XML=
      <root>
      <xx label="目录">
           <menu label="第一章">
                  <menu label="1.1"/>
                   <menu label="1.2"/>                    
                 
            </menu>
           <menu label="第二章">
                  <menu label="2.1"/>
                  <menu label="2.2"/>
           </menu>
           <menu  label="第三章"/>
           <menu label="第四章">
                  <menu label="4.1"/>
                  <menu label="4.2"/>
           </menu>
       </xx>
      </root>
     
   ]]>
</mx:Script>
<mx:Tree id="menuBarTree"  width="100%" height="100%"  horizontalScrollPolicy="auto"
dataProvider="{treeData.xx}" labelField="@label" showRoot="true"
itemClick="itemClickHandler(event)"  itemEditEnd="{itemEndHandler(event)}"
itemRenderer="renderers.ColoredFolderTreeItemRenderer"
      folderOpenIcon="@Embed('/renderers/open.png')" folderClosedIcon="@Embed('/renderers/closed.png')"/>
  
</mx:Module>


接收数据方textArea.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" percentWidth="100" percentHeight="100" initialize="init()">
<mx:Script>
<![CDATA[
import mx.controls.TextArea;
import mx.controls.TextInput;
   import mx.events.ListEvent;
     import flash.events.MouseEvent;
     import flash.ui.ContextMenu;
     import flash.ui.ContextMenuItem;
     import flash.events.*;
     import mx.events.ListEvent;
     import mx.controls.Alert;
     import flash.utils.getQualifiedClassName;
     import flash.utils.getDefinitionByName;
    
     public var textIndex:int=0;
     public var nameIndex:int=0;
     public var textAreaAry:Array=new Array();
     public var textAreaNameAry:Array=new Array();
     public var receviedItemClickData:XML;//当前选中节点的XML结构
    
     private function init():void
     {
     ItemClickData.getInstance().addEventListener(ItemClickData.INIT,text);
     ItemClickData.getInstance().addEventListener(ItemClickData.FILE,deleteHandler);
     }
    
     private function text(e:Event):void
     {
     receviedItemClickData=new XML();
     receviedItemClickData=ItemClickData.getInstance().midData;
     creatTextInput();
    
    
     /******查找textAreaNameAry数组当中与当前tree被选中的节点的textAreaInput的属性名，
         *****得到与查找结果相符的数组索引，因为在创建过程中某一实例的引用的数组索引与该实例的实例名
         * ***的数组索引是相同的中，所以就可以得到想要的实例在数组中的位置了***********/
     for (var m:int=0;m<textAreaAry.length;m++)
      {
      if( String(receviedItemClickData.@textAreaInput)== String(textAreaNameAry[m]) )
      {
                   textCanvas.setChildIndex(textAreaAry[m],textIndex-1);
                   return ;  
      }     
      }
     
     }
    
     private function deleteHandler(e:Event):void
     {
     textCanvas.removeChildAt(textIndex);
     textIndex--;
     }
private function creatTextInput():void
      {     
      if (!receviedItemClickData.hasOwnProperty("@textAreaInput")) //若没，创建文本区域
      {
        textIndex++;
        nameIndex++;
        receviedItemClickData.@textAreaInput="addTextArea"+nameIndex;//设定文本实例的名字
      var input:TextArea=new TextArea();
      input.name=receviedItemClickData.@textAreaInput;
      input.text=String(receviedItemClickData.@textAreaInput);
      textCanvas.addChild(input);
      input.x=input.y=0;
      input.percentWidth=100;
      input.percentHeight=100;
     
      textAreaNameAry.push(input.name);//将文本实例的名字存储到textAreaNameAry
      textAreaAry.push(input);//将文本实例存储到textAreaAry，与textAreaNameAry同步
      }

      //如果已经拥有了textAreaInput属性，则返回
      return;
      
      }  
]]>
</mx:Script>
<mx:Canvas id="textCanvas"  width="100%" height="100%">
<mx:TextArea text="dkjs" width="100%" height="100%"/>
</mx:Canvas>
</mx:Module>

这个例子中实现了，可以对一棵树进行添加、删除、重命名操作，并且每个子节点都对应了一个文本区域，点击某个子节点，相对应的文本区域显示在最上层，做了好久的东西，全在这了。


但还有一个问题textArea.mxml文件中最后几句<mx:Canvas id="textCanvas"  width="100%" height="100%">
<mx:TextArea text="dkjs" width="100%" height="100%"/>
</mx:Canvas>
如果将mx:TextArea 换成mx:TextInput程序将无法运行，但是这又不是绝对的，它有时候又会正常，我现在已经无法用语言描述我段过程，因为上一刻还是错误的东西，比如说上一时刻我用的是mx:TextInput，我反复的运行，它报错，当我写了这篇文章后，再将mx:TextArea换成mx:TextInput后，它运行正常，但是当我再将它改成mx:TextInput的时候，程序居然运行起来了，而且是正确无比～～这真的不是第一次发生～～我不知道这个问题究竟是程序的BEDUG，还是代码的逻辑问题，更多的时候我在怀疑是我人的问题，我记忆的问题，我神经的问题～～我想我是太累了～～我想应该是我某个过程中记错了步骤～～我想我应该洗洗睡了～～