Solved

Flex 3 popup forms - how to popup forms

Posted on 2009-05-10
4
4,306 Views
Last Modified: 2012-05-06
I am designing an application in flex 3, I fairly new so picking up as i go along.

I want to be able to popup a title window ,panel or tab navigator container when a button is pressed.

I will of course have many popups, so not sure how to deal with this

I have added the a button window popup below the application.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">
 
      <mx:Script>
            <![CDATA[
                  import mx.binding.utils.BindingUtils;
                  
            
                  private function init():void
                  {
                        BindingUtils.bindSetter(setVS, accordion, "selectedIndex");      
                  }
                  
                  private function setVS(selectedIndex:Number):void
                  {
                        VS_AllEnquires.selectedIndex = selectedIndex;
                  }
            ]]>
      </mx:Script>
 
        <mx:Canvas x="5" y="10" id="Enquiries" label="Enquiries" width="100%" height="100%" borderStyle="solid">
                <mx:HBox borderStyle="inset" width="531" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" height="34" y="10" x="10" backgroundColor="#585757" cornerRadius="10" dropShadowColor="#690F0F" dropShadowEnabled="true">
                        <mx:Button label="New Enquiry"/>
                        <mx:Button label="New Quote"/>
                        <mx:Button label="Appointment"/>
                </mx:HBox>
                <mx:HDividedBox x="10" y="52" width="531" height="260"  >
                        <mx:VDividedBox width="30%" height="100%">
                                <mx:Accordion id="accordion" width="100%" height="70%">
                                        <mx:Canvas label="Quotes" width="100%" height="100%">
                                        </mx:Canvas>
                                        <mx:Canvas label="View2" width="100%" height="100%">
                                        </mx:Canvas>
                                </mx:Accordion>
                                <mx:TextArea width="100%" height="30%"/>
                        </mx:VDividedBox>
                <mx:VDividedBox width="70%" height="100%">
                        <mx:ViewStack id="VS_AllEnquires" borderStyle="solid" width="100%" height="80%">
                                <mx:Canvas id="AllEnquiries" label="AllEnquiries" width="100%" height="100%">
                                        <mx:DataGrid id="DG_AllEnquiries" width="100%" height="100%">
                                                <mx:columns>
                                                        <mx:DataGridColumn headerText="Enquiry Date" dataField="col1"/>
                                                        <mx:DataGridColumn headerText="Enquiry Source" dataField="col2"/>
                                                        <mx:DataGridColumn headerText="Personell" dataField="col3"/>
                                                </mx:columns>
                                        </mx:DataGrid>
                                </mx:Canvas>
                                <mx:Canvas label="View2" width="100%" height="100%">
                                </mx:Canvas>
                        </mx:ViewStack>
                        <mx:TextArea width="100%" height="20%"/>
                </mx:VDividedBox>
                </mx:HDividedBox>
                <mx:Panel x="10" y="329" width="250" height="200" layout="absolute" title="New Enquiry button Popup">
                        <mx:Button x="156" y="128" label="close"/>
                        <mx:Button x="92" y="128" label="save"/>
                </mx:Panel>
                <mx:Panel x="268" y="329" width="250" height="200" layout="absolute" title="Selected Data Grid Row Popup">
                </mx:Panel>
        </mx:Canvas>
        
</mx:Application>

Open in new window

0
Comment
Question by:X-quisite
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 5

Accepted Solution

by:
Fuzzy_Logic_ earned 250 total points
ID: 24350454
You need to use the 'PopUpManager'

http://livedocs.adobe.com/flex/3/langref/mx/managers/PopUpManager.html

Regards FL
 public function addPopUp():void
{
        
        var tw = new TitleWindow();
        tw.title = "My Title";
        mx.managers.PopUpManager.addPopUp(tw, pnl, false);
 
}

Open in new window

0
 

Author Comment

by:X-quisite
ID: 24350491
Fuzzy_logic,

Thanks for the link,
I have sort of worked out how to use popup manager when a button is pressed.
However, i am not sure how to do it when a row is doubleclicked in a datagrid.
which event property of the datagrid should i use some sample code would be helpful.

thanks
0
 
LVL 19

Assisted Solution

by:Jones911
Jones911 earned 250 total points
ID: 24350859
On the datagrid add this:

On doubleclick it will call your popup function.
<mx:DataGrid id="myGrid" doubleClick="addPopup()" left="0" right="0" bottom="0" top="0" >

Open in new window

0
 

Author Closing Comment

by:X-quisite
ID: 31579947
Thank you both for putting me in the right direction
0

Featured Post

Office 365 Training for Admins - 7 Day Trial

Learn how to provision tenants, synchronize on-premise Active Directory, implement Single Sign-On, customize Office deployment, and protect your organization with eDiscovery and DLP policies.  Only from Platform Scholar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
After seeing many questions for JRNL_WRAP_ERROR for replication failure, I thought it would be useful to write this article.
If you're a developer or IT admin, you’re probably tasked with managing multiple websites, servers, applications, and levels of security on a daily basis. While this can be extremely time consuming, it can also be frustrating when systems aren't wor…
Add bar graphs to Access queries using Unicode block characters. Graphs appear on every record in the color you want. Give life to numbers. Hopes this gives you ideas on visualizing your data in new ways ~ Create a calculated field in a query: …

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question