0

I'm using MATE on an Adobe Flex project for MVC. On one of our pages, we have a dialog window that is presented to the user that displays them information that comes from RPC. The pages where this dialog pops up is unrelated to the data being displayed so this is a separate model. How do I create a MATE mapping file that will create the dialog window, make it visible to the user, and then inject in data from a model?

Thanks for reading.

Josh
  • 10,961
  • 11
  • 65
  • 108
davidemm
  • 2,001
  • 1
  • 23
  • 31

1 Answers1

2

Seems like you found an approach, but if you are interested in another idea, there is a really good thread on the Mate forums about how to approach popups in Mate. It includes some example code and discusses the best practices involved and why certain choices are being made:

Converting app with popups to Mate << Mate Forums

If I understand you correctly, here is some code to do what you need (adapted from that thread). It injects the result of an RPC call into the view (keeping the map agnostic of how the view displays that data), and the view will create a popup whenever there is data, and remove the popup whenever there is no data. The thread has further explanation of most of this code.

EventMap:

<Injectors target="{PopupParentView}">
    <PropertyInjector destinationKey="rpcData" 
                      source="{FooManager}" sourceKey="rpcData" />
 </Injectors>

PopupParentView: ... 

private var popup : UIComponent;

private var rpcData : Object;

private function onPreinitialize( event : Event ) : void {
    BindingUtils.bindSetter(rpcDataChanged, this, "rpcData");
}

private function rpcDataChanged( value : Object ) : void {
    invalidateProperties();
}

override protected function commitProperties( ) : void {
    // two mutually exclusive branches: either the property can be interpreted as "show the popup"
    // and the popup doesn't exist, or we shouldn't show the popup, but it does exist. all other
    if ( rpcData != null && popup == null ) {
        popup = PopUpManager.createPopUp(...);
    } else if ( rpcData == null && popup != null ) {
        // make sure to set the popup property to null
            PopUpManager.removePopUp(popup);
            popup = null;
    }
}
</Script>
...
Brian
  • 142
  • 2
  • 11
  • Yeah good point -- I pulled some code from the thread (adapted as I have used it before). Let me know if this helps. – Brian May 28 '10 at 14:46
  • Thanks for the help Brian! I created a bare ActionScript class that doesn't inherit from any visual components, it's only purpose is to handle the popUpManager as you described in your answer. If some one else takes this approach, make sure, in MATE, you catch the FlexEvent.INITIALIZE event and within the handler, use the MATE ObjectBuilder tag to instantiate an instance of the object you created since it won't be created automatically as part of the view. – davidemm Jun 04 '10 at 18:39
  • Good point. Another alternative (depending on how your view is structured) is to put this code on an existing view component. Say for example you have a header at the top, and all of the popups are little notifications that appear. This code could be on the Header.mxml file and it just defines how it handles changes to the notification data (in this case by showing a Popup). Just throwing it out there -- the strategy you mentioned seems clean as well. – Brian Jun 07 '10 at 14:55