[flexcoders] Error while select or over the menubar first time ~

[j2me_soul]

I have a lot of codes in the main.mxml, so I cut most of them.

And I don't use the any kinds of the css styles.The code is actually created by 
FlashCatalyst.

The menubar dosen't have the skinclass property so I is added manually.

 

I have attached the main.mxml.  Thanks a lot !

 

<?xml version='1.0' encoding='UTF-8'?>


<s:Application xmlns:ATE="http://ns.adobe.com/ate/2009"; 
      xmlns:ai="http://ns.adobe.com/ai/2009"; 
      xmlns:fc="http://ns.adobe.com/flashcatalyst/2009";
      xmlns:d="http://ns.adobe.com/fxg/2008/dt";
      xmlns:fx="http://ns.adobe.com/mxml/2009"; 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:lib="assets.graphics.transation.*" 
      xmlns:flm="http://ns.adobe.com/flame/2008"; 
      backgroundColor="#ffffff" 
      height="100%" preloaderBaseColor="#ffffff" 
      width="100%"  
creationComplete="application1_creationCompleteHandler(event)"
      xmlns:mx="library://ns.adobe.com/flex/halo">
<fx:Script>
  <![CDATA[
   import mx.collections.XMLListCollection;
   import mx.events.FlexEvent;
   
   [Bindable]
   private var MenuBarDataList:XMLListCollection;
   
   private var MenuBarData:XMLList=
    <>
     <menuitem label="Menu1">
      <menuitem label="MenuItem 1-A" data="1A"/>
      <menuitem label="MenuItem 1-B" data="1B"/>
     </menuitem>
     <menuitem label="Menu2">
      <menuitem label="MenuItem 2-A" type="check"  data="2A"/>
      <menuitem type="separator" />
      <menuitem label="MenuItem 2-B" >
       <menuitem label="SubMenuItem 2-B-A" type="radio"
        groupName="2one" data="2-B-A"/>
       <menuitem label="SubMenuItem 2-B-B" type="radio"
        groupName="2one" data="2-B-B"/>
      </menuitem>
     </menuitem>
     <menuitem label="Menu3">
      <menuitem label="MenuItem 3-A" type="check"  data="3A"/>
      <menuitem type="separator" />
      <menuitem label="MenuItem 3-B" >
       <menuitem label="SubMenuItem 3-B-A" type="radio"
        groupName="3one" data="3-B-A"/>
       <menuitem label="SubMenuItem 3-B-B" type="radio"
        groupName="3one" data="3-B-B"/>
      </menuitem>
     </menuitem>
    </>;

 

protected function application1_creationCompleteHandler(event:FlexEvent):void
   {
    MenuBarDataList = new XMLListCollection(MenuBarData);
   }

 

]]

</fx:Script>

 

   <s:Group>

 

     <mx:MenuBar id="topNavMenu" includeIn="main" x="518" y="25.95" height="22" 
          dataProvider="{MenuBarDataList}" labelField="@label" />


</s:Group>




</s:Application>

 

 

TypeError: Error #1009: Cannot access a property or method of a null object 
reference.
at 
mx.controls::Menu/updateDisplayList()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\controls\Menu.as:1372]
at 
mx.controls.listClasses::ListBase/validateDisplayList()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\controls\listClasses\ListBase.as:3969]
at 
mx.managers::LayoutManager/validateDisplayList()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\managers\LayoutManager.as:663]
at 
mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\managers\LayoutManager.as:736]
at 
mx.managers::LayoutManager/validateNow()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\managers\LayoutManager.as:794]
at 
mx.controls::Menu/show()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\controls\Menu.as:1697]
at 
mx.controls::MenuBar/showMenu()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\controls\MenuBar.as:1877]
at 
mx.controls::MenuBar/mouseDownHandler()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\controls\MenuBar.as:2070]