Как передать данные между ViewNavigators в Flash Builder 4.5 Burrito - PullRequest
Новая
       49

Как передать данные между ViewNavigators в Flash Builder 4.5 Burrito

4 голосов
/ 12 февраля 2011

Я даю ему попытку, и мне трудно понять, как передавать данные между ViewNavigator в приложении TabbedMobileApplication. 

<s:TabbedMobileApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Declarations>
    </fx:Declarations>

    <s:ViewNavigator id="nav1" label="Nav1" firstView="views.Nav1Home" width="100%" height="100%"/>
    <s:ViewNavigator id="nav2" label="Nav2" firstView="views.Nav2Home" width="100%" height="100%"/>

</s:TabbedMobileApplication>

Как я могу передавать данные между nav1 и nav2? Я знаю, как это сделать между видами навигации.

Спасибо, B.

Ответы [ 5 ]

2 голосов
/ 03 мая 2011

Простой способ - добавить объект данных в представление с помощью ViewNavigator.Затем в дочерних представлениях используйте это, чтобы получить данные: 

this.parentDocument.yourDataObject
2 голосов
/ 13 февраля 2011

Я хотел бы добавить, что я предпочитаю более слабо связанный механизм коммуникации, чем то, что уже обсуждалось. Я предпочитаю какой-либо тип системы агрегации событий, когда разъединенные компоненты отправляют сообщения, не зная друг о друге.

Этот тип системы событий встроен в облегченные фреймворки, такие как Parsely и Robot Legs.

Это в основном стиль, но по моему опыту, чем больше мы тесно связываем наши коммуникации, тем больше мы платим за это в будущем.

Пища для размышлений, я полагаю. :)

1 голос
/ 13 февраля 2011

ТиДжей уже понял это правильно. Просто опубликуйте последний пример на тот случай, если кто-то получит такую ​​же проблему:

TestApplication.mxml 

<s:TabbedMobileApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       creationComplete="init()">
<fx:Declarations>
</fx:Declarations>

<fx:Script>
    <![CDATA[

        private function init():void{
            nav1.activeView.addEventListener(CustomEvent.DATA, onData);
            nav2.activeView.addEventListener(CustomEvent.DATA, onData);
        }

        private function onData(ev:CustomEvent):void{
            nav1.activeView.data = ev.data;
            nav2.activeView.data = ev.data;
        }           
    ]]>
</fx:Script>

<s:ViewNavigator id="nav1" label="Nav1" firstView="views.Nav1Home" width="100%" height="100%"/>
<s:ViewNavigator id="nav2" label="Nav2" firstView="views.Nav2Home" width="100%" height="100%"/>

CustomEvent.as 

package
{
import flash.events.Event;

public class CustomEvent extends Event
{   
    public static var DATA:String = "DATA_EVENT";
    public var data:Object = null;

    public function CustomEvent(data:Object, type:String, bubbles:Boolean=false, cancelable:Boolean=false)
    {
        super(type, bubbles, cancelable);
        this.data = data;
    }
}

}

views.Nav1Home.mxml 

<?xml version="1.0" encoding="utf-8"?>


<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<fx:Script>
    <![CDATA[
        private function init(): void {
            this.addEventListener(FlexEvent.REMOVING, removedHandler);
        }

        private function removedHandler(event:Event):void {
            trace("Removed from stage: " + data);
            this.dispatchEvent(new CustomEvent("Data from Nav1 Event", CustomEvent.DATA));
        }
    ]]>
</fx:Script>

views.Nav2Home.mxml 

<?xml version="1.0" encoding="utf-8"?>


<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<fx:Script>
    <![CDATA[           
        private function init(): void {
            this.addEventListener(FlexEvent.REMOVING, removedHandler);
        }

        private function removedHandler(event:Event):void {
            trace("Removed from stage: " + data);
            this.dispatchEvent(new CustomEvent("Data from Nav2 Event", CustomEvent.DATA));
        }
    ]]>
</fx:Script>

1 голос
/ 12 февраля 2011

Если я не пропустил что-то здесь, то, что вы захотите сделать, - это и блок скриптов здесь, и прослушивание событий ваших ViewNavigators. Затем в обработчике события вызовите открытые функции для целевого ViewNav. 

<s:TabbedMobileApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" creationComplete="init()">
    <fx:Declarations>
    </fx:Declarations>

    <fx:script><![CDATA[
        private function init():void{
               nav1.addEvenListener(CustomEvent.DATA, onData);
        }

        private function onData(ev:CustomEvent):void{
               nav2.setData(ev.data);
        }
    ]]></fx:script>



    <s:ViewNavigator id="nav1" label="Nav1" firstView="views.Nav1Home" width="100%" height="100%"/>
    <s:ViewNavigator id="nav2" label="Nav2" firstView="views.Nav2Home" width="100%" height="100%"/>

</s:TabbedMobileApplication>
0 голосов
/ 06 апреля 2013

Самый простой способ, если с помощью viewNavigator для перехода между представлениями просто передать объект данных в представление:

в View1: 

private function view1_clickHandler(event:Event):void {
  var trans:FlipViewTransition = new FlipViewTransition();
  var obj:Object = new Object();
  obj.showPrevBtn = false;                      
  FlexGlobals.topLevelApplication.tabNavigator.pushView(View2, obj, null, trans);
}

в View2: 

protected function view2_addedToStageHandler(event:Event):void
{
  if(prevBtn != null && this.data != null && this.data.showPrevBtn === true) {
    prevBtn.visible = true;
  } else if(prevBtn != null && this.data != null && this.data.showPrevBtn === false)  {
    prevBtn.visible = false;
  }
}
...