FLEX4文本菜單（）不顯示添加的項目

Question

我想使用文本菜單（）在Flex中顯示上下文菜單4.

完全渲染在這裏http://pastebin.com/Kx8tJ1cY

代碼的問題是，在上下文菜單中沒有變化當我添加項目時。

誰能告訴我如何自定義右鍵菜單添加到列表框中FLEX（不使用外部JS，只使用文本菜單如Adobe預期。

請和謝謝你 克雷格

Answer 1

我發現問題/解決方案。如果有Vbox或Tab Navigator，則不能使用上下文菜單。這是瘋了，因爲它意味着我不能做適當的相對佈局或體面的可變寬度設計。

引自：http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/ui/ContextMenu.html

例如，如果DataGrid控件是TabNavigator或VBox容器的子項，DataGrid控件不能擁有其自己的上下文菜單。

Answer 2

有無你試過List的contextMenu屬性設置爲你的上下文菜單？FlexExamples已經發布了DataGrid分量similar example一種List不宜過不同。

東西沿着這些方向：

<?xml version="1.0" encoding="utf-8"?> 
<!-- http://blog.flexexamples.com/2007/08/20/using-a-custom-context-menu-with-the-flex-datagrid-control/ --> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
     layout="vertical" 
     verticalAlign="middle" 
     backgroundColor="white" 
     creationComplete="init()"> 

    <mx:Script> 
     <![CDATA[ 
      import mx.controls.Alert; 

      [Bindable] 
      private var cm:ContextMenu; 

      private var alert:Alert; 

      private function init():void { 
       var cmi:ContextMenuItem = new ContextMenuItem("View item...", true); 
       cmi.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuItem_menuItemSelect); 

       cm = new ContextMenu(); 
       cm.hideBuiltInItems(); 
       cm.customItems = [cmi]; 
       cm.addEventListener(ContextMenuEvent.MENU_SELECT, contextMenu_menuSelect); 
      } 

      private function contextMenu_menuSelect(evt:ContextMenuEvent):void { 
       dataGrid.selectedIndex = lastRollOverIndex; 
      } 

      private function contextMenuItem_menuItemSelect(evt:ContextMenuEvent):void { 
       var obj:Object = dataGrid.selectedItem; 
       alert = Alert.show("Property A: " + obj.@propertyA + "\\n" + "Property B: " + obj.@propertyB, obj.@label, Alert.OK); 
      } 
     ]]> 
    </mx:Script> 

    <mx:XML id="itemsXML"> 
     <items> 
      <item label="Item 1" data="i001" propertyA="Item 1.A" propertyB="Item 1.B" /> 
      <item label="Item 2" data="i002" propertyA="Item 2.A" propertyB="Item 2.B" /> 
      <item label="Item 3" data="i003" propertyA="Item 3.A" propertyB="Item 3.B" /> 
      <item label="Item 4" data="i004" propertyA="Item 4.A" propertyB="Item 4.B" /> 
      <item label="Item 5" data="i005" propertyA="Item 5.A" propertyB="Item 5.B" /> 
      <item label="Item 6" data="i006" propertyA="Item 6.A" propertyB="Item 6.B" /> 
      <item label="Item 7" data="i007" propertyA="Item 7.A" propertyB="Item 7.B" /> 
      <item label="Item 8" data="i008" propertyA="Item 8.A" propertyB="Item 8.B" /> 
     </items> 
    </mx:XML> 

    <mx:Number id="lastRollOverIndex" /> 

    <mx:DataGrid id="dataGrid" 
      width="400" 
      dataProvider="{itemsXML.item}" 
      contextMenu="{cm}" 
      itemRollOver="lastRollOverIndex = event.rowIndex"> 
     <mx:columns> 
      <mx:DataGridColumn id="labelCol" 
        dataField="@label" 
        headerText="Label:" /> 

      <mx:DataGridColumn id="propACol" 
        dataField="@propertyA" 
        headerText="Property A:" /> 

      <mx:DataGridColumn id="propBCol" 
        dataField="@propertyB" 
        headerText="Property B:" /> 
     </mx:columns> 
    </mx:DataGrid> 

    <mx:Label text="{dataGrid.selectedItem.@label}" /> 

</mx:Application>