Flex在另一個視圖上執行功能

Question

我有一個headerbar.mxml，當用戶在我的應用中swipes_down時顯示。 headerbar.mxml包含一個按鈕組件，我想在主應用程序窗口中運行一個erase（）。主要應用程序是一個包含擦除（）的繪圖應用程序。我只是不知道如何從另一個mxml視圖文件中調用一個函數。我認爲它會像click =「{mainwindow.drawPanel.erase（）}」;

編輯：

protected function onColorChange(event:List):void{ 
       appHome.drawArea.erase(); 
      } 

Answer 1

要運行在另一視圖（AKA成分）這在很大程度上取決於體系結構的功能。這聽起來像你想在你的父母中運行一個功能。在這種情況下，'封裝正確'方法是從component1派發事件;在組件1的父項中偵聽事件;並從事件監聽器執行該功能。

所以，在headerbar母公司的地方，添加事件偵聽器：

headerbarInstance.addEventListener('parentDoSomething', onHeaderBarToldMeTo); 

我在構造函數中如果ActionScript 3的組件，或者如果MXML組件preinitialize事件處理程序可能添加此。在「父」組件也需要監聽功能：

protected function onHeaderBarToldMeTo(event:Event):void{ 
    erase(); 
} 

當點擊在headerbar.mxml的按鈕組件，這觸發關閉headerbar，這就需要調度的情況下，這樣的內部click事件處理程序：

protected function onButtonInheaderbarClick(Event:Event):void{ 
dispatchEvent(new Event('parentDoSomething')); 
} 

而且一切都應該神奇地工作。如果該功能不在家長的直接子女內，您可能必須冒泡。

如果你不關心封裝，你也可以直接訪問父節點。所以，你的標題欄組件這樣做：

parent.erase(); 

它的簡單和直接的，並且應該工作，但被認爲是從維護的立場來看可怕的壞習慣。