Create custom component which contains Combobox and Datagrid.

Application conations two button 1) Same Window and 2) New Window. (Label of two button)

When you click on “Same Window” button your custom component should get added dynamically in your application.

And when you click on “New Window” button your custom component should get open in different window (it should get shifted from application and should appear in Window component).

Issue faced:-

Clicking on Combobox, list is not getting open as change event doesn’t get fired in Native Window as it looses reference from main application.

Issue with DataGrid in Native window (AIR). • DataGridEvent.COLUMN_STRETCH event get affected if try to open datagrid in Native Window. • DataGridEvent get fired but takes long time or even stuck while column stretch

Note:

Application is an Desktop Application. Only one instance is created in Application for your custom component to preserve current state on your custom component it can be Style, data, or other subcomponent state of your custom component (as above mentioned 2 component are just sample).

Please find sample code below:-

DataGridStretchIssue.mxml:-

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

< mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*" width="800" height="500">

< mx:Script> < ![CDATA[ import mx.events.FlexEvent; import mx.core.Window;

           private var dgComp:DataGridComp = new DataGridComp();
           private var win:Window;

           private function clickHandler(event:Event):void{
                   dgComp.percentWidth = 100;
                   dgComp.percentHeight = 100;
                   dgComp.x = 50;
                   dgComp.y = 100;
                   if(win){
                           win.close();
                   }
                   this.addChild(dgComp);
           }

           private function openClickHandler(event:MouseEvent):void{
                   dgComp.x = 50;
                   dgComp.y = 100;
                   win = new Window();;
                   win.width = 800;
                   win.height = 500;
                   win.addChild(dgComp);
                   dgComp.percentWidth = 100;
                   dgComp.percentHeight = 100;
                   dgComp.x = 50;
                   dgComp.y = 100;
                   win.open(true)
           }

   ]]>

< /mx:Script>

< mx:HBox>

   <mx:Button id="btnID" click="clickHandler(event)" label="Same Window"/>

   <mx:Button id="btnIDOpen" click="openClickHandler(event)" label="New Window"/>

< /mx:HBox>

< /mx:WindowedApplication>

DataGridComp.mxml

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

< mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">

   <mx:Script>

           <![CDATA[
                   import mx.events.DataGridEvent;
                   import mx.collections.ArrayCollection;


                   [Bindable]
       public var cards:ArrayCollection = new ArrayCollection(
           [ {label:"Visa", data:1},
             {label:"MasterCard", data:2},
             {label:"American Express", data:3} ]);

                   private function stretchFn(event:DataGridEvent):void{
                           trace("--- Stretched---")
                   }


           ]]>
   </mx:Script>

   <mx:HBox>

           <mx:ComboBox dataProvider="{cards}" width="150"/>
           <mx:DataGrid columnStretch="stretchFn(event)" >
         <mx:ArrayCollection>
            <mx:Object>
               <mx:Artist>Pavement</mx:Artist>
               <mx:Price>11.99</mx:Price>
               <mx:Album>Slanted and Enchanted</mx:Album>
            </mx:Object>
            <mx:Object>
               <mx:Artist>Pavement</mx:Artist>
               <mx:Album>Brighten the Corners</mx:Album>
               <mx:Price>11.99</mx:Price>
            </mx:Object>
         </mx:ArrayCollection>
      </mx:DataGrid>
   </mx:HBox>

< /mx:Canvas>

Can any one suggest me some work around to make my code workable... :)