nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Flex Mobile Help - navigator.pushView from PopUp

KomanDiabate

Hi All,
I am working on a flex mobile app with popup box. Insisde the popup I have button and I am trying to click the button and push/open a specific view. I am using this code it runs without errors but as I click the button I get the infamous error 1009
TypeError: Error #1009: Cannot access a property or method of a null object reference.

protected function button1_clickHandler(event:MouseEvent):void
   {   
    (owner as spark.components.View).navigator.pushView(PersonalForm);

   }

Does anybody knows how to push a view from titleWindow popup window?

Thanks All

Find more posts tagged with

Accepted answers

All comments

KomanDiabate

Makes perfect sense, I was having problem clicking the X button on the mobile device anyway.
Thanks for the confirmation.

AaronNash1

I turn off the x button on the pop-ups, when using a mobile device the button can be a little small. That way I can create mobile friendly buttons that the user can interact with. To get rid of the X button I created a new mxml skin for a spark titlewindow and just commented out the code which was on line 257

KomanDiabate

OK, I see what you are saying, and I think it will work.
I wanted X button on the popup window to only perform: PopUpManager.removePopUp(this);
But it looks like the X button when clicked is automatically is dispatching the CloseEvent which is turn is changing the view.
I guess I can hide the close button on the titleWindon and use two additonal custom buttons which will give me more flexibility in term on of doing exactly what I need.
Thanks a bunch..

AaronNash1

create a second button and instead of dispatching a close event just call the function directly

<s:Button label="Change View" click="dispatchEvent(new CloseEvent(CloseEvent.CLOSE))"/>
<s:Button label="Close Window" click="closeWindow()"/>

KomanDiabate

Thanks Aaron, your help is greatly appreciated.
Your code sample help quite a bit and it works. But now I have another small complication:
The CloseEvent and the listener on the main view works wonderfully, however there maybe case when users just want to view the data on the popup without pushing the detailView (PersonalForm), meaning just x-ing out. I am looking into this but just wanted to let you know that with your help, I am on the right track here. if you think of a suggestions for me to differentiate these two tasks: closing the popup versus closing and pushing the view, please let me know.
Thanks a million, I am getting closer.

[ATTACH=CONFIG]32783[/ATTACH]

cJPop.JPG

AaronNash1

this works in the main application

public var win : Window = new Window()

private function launchPopUp():void
{
      PopUpManager.addPopUp(win,this,true);
      PopUpManager.centerPopUp(win);
      win.addEventListener(CloseEvent.CLOSE, pushviewTest);
}

private function pushviewTest(event:CloseEvent):void
{
       navigator.pushView(test);
       win.removeEventListener(CloseEvent.CLOSE, pushviewTest);
}

this is for the titlewindow

<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
      width="340" close="closeWindow()"
      height="130">

<fx:Script>
<![CDATA[

   import mx.core.IFlexDisplayObject;
   import mx.managers.PopUpManager;

   private function closeWindow():void
   {
    PopUpManager.removePopUp(this as IFlexDisplayObject);
   }
]]>
</fx:Script>
<s:Button label="Close" click="dispatchEvent(new CloseEvent(CloseEvent.CLOSE))"/>
</s:TitleWindow>

KomanDiabate

Ok, I will try that.
Basically close the popup and pushView. That maybe the ticket. Will keep you posted.
Thanks.

AaronNash1

Add an eventlistener into your main application that listens for the close event on the titlewindow, that way you can add your button1_clickHandler code into the main application and push the view from there.

KomanDiabate

Hi Aaron,
that didn't work, I got an error 1119: Access of possible undefined property of navigator through a reference with static ........
The challenge is that the popup doesn't have direct access the the navigator.
below is the only way I was able to access the navigator but it's giving me error 1009 runtime error.
(owner as spark.components.View).navigator.pushView(PersonalForm);

AaronNash1

try this.navigator.pushView(PersonalForm);

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.