Menu dinámico

[jimram]

Hola amigos

De nuevo con otra duda, a ver si ya han hecho algo como esto:

Tengo un ejemplo que abre un TitleWindow:

Código:

<mx:Panel title="TitleWindow Container Example" height="75%" width="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
        <mx:Button id="myButton" label="Click to open the TitleWindow container"   click="showWindow();"/>
        <mx:Text id="returnedName" text="" width="100%"/>
</mx:Panel>

<mx:Script>
     <![CDATA[
          import mx.managers.PopUpManager;
          import mx.containers.TitleWindow;
          import flash.geom.Point;

          private var point1:Point = new Point();

          private function showWindow():void {
               var login:SimpleTitleWindowExample=SimpleTitleWindowExample(PopUpManager.createPopUp( this, SimpleTitleWindowExample , true));
               point1.x=0;
               point1.y=0;                
               point1=myButton.localToGlobal(point1);
               login.x=point1.x+25;
               login.y=point1.y+25;
               login.loginName=returnedName;
         }
     ]]>
</mx:Script>

En este código hago referencia a un TitleWindow (SimpleTitleWindowExample) y y se abre con el botón. Eso es evidente no ?

Bueno, imaginense que quiero hacer esto con 50 o 100 TitleWindow's, serian 100 botones o 100 opciones en el menú y por cada opción haria referencia a cada TitleWindow que corresponde, pues es bastante.

Lo que quiero hacer es una sola Clase que solo le pase el nombre del TitleWindow o de cualquier componete y me lo abra, asi guardaria los nombre tal vez en una BD y los podria manejar desde una aplicación. No tendria que estar desplegando el proyecto cada vez que se agregara una nueva pantalla.

Ya estuve buscando varios códigos, pero ninguno hace lo que necesito. Solo orientandome sobre lo que debo usar por favor o si alguien ya lo ha hecho.... se los agredeceria muchisimo.

JimRam.

[jahepi]

Hola Jimram !

Puedes utilizar una función muy útil que se encuentra en el paquete flash.utils.getDefinitionByName.

Un ejemplo de implementación:

Código actionscript:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
    
    <mx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
            import flash.utils.getDefinitionByName;
            
            [Bindable]
            private var _data:Array;
            
            private function init():void {
                _data = 
                    [{label:'Componente1', data:'componentes.Comp1'}, 
                    {label:'Componente2', data:'componentes.Comp2'}];
            }
            
            private function onClick():void {
                var data:String = cb.selectedItem.data;
                var ClassRef:Class = getDefinitionByName(data) as Class;
                PopUpManager.createPopUp(this, ClassRef, true);
            }
            
        ]]>
    </mx:Script>
    
    <mx:ComboBox dataProvider="{_data}" id="cb" />
    <mx:Button label="Button" click="onClick()"/>
    
</mx:Application>
 

Puedes ver que en el paquete 'componentes' se encuentran todos los componentes valga la redundancia y con la función getDefinitionByName obtengo la referencia a la clase, pero aquí hay un pequeño problema, debemos de forzar al compilador que incluya la clases que estamos generando dinámicamente, si lo compilas como esta, te va a dar un error en tiempo de ejecución cuando intentes instanciar una clase al dar click al botón.

Para resolver esto, tienes que crear variables de los tipos que vas a instanciar en tiempo en ejecución para que el compilador las agregue:

Código actionscript:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
    
    <mx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
            import flash.utils.getDefinitionByName;
                       import componentes.*; //Nueva línea
            
            [Bindable]
            private var _data:Array;
                        
                        //Con esto el compilador las añadirá.
                        private var _c1:Comp1; //Nueva línea
                        private var _c2:Comp2; //Nueva línea
            
            private function init():void {
                _data = 
                    [{label:'Componente1', data:'componentes.Comp1'}, 
                    {label:'Componente2', data:'componentes.Comp2'}];
            }
            
            private function onClick():void {
                var data:String = cb.selectedItem.data;
                var ClassRef:Class = getDefinitionByName(data) as Class;
                PopUpManager.createPopUp(this, ClassRef, true);
            }
            
        ]]>
    </mx:Script>
    
    <mx:ComboBox dataProvider="{_data}" id="cb" />
    <mx:Button label="Button" click="onClick()"/>
    
</mx:Application>
 

Como ves, está un poco sucia la solución pero es la única forma de resolverlo, otra forma es decirle al compilador que añada las clases sin recurrir a lo anterior.

Das click derecho sobre el proyecto->propiedades->Compilador Flex
Añades la siguiente directiva en el campo argumentos adicionales de compilación:

-includes=componentes.Comp1,componentes.Comp2

Con esto ya no necesitamos declarar las variables como en la forma anterior pero sigue siendo una solución donde vas a tener que abrir el proyecto y volverlo a recompilar si agregas más clases.

Un saludote !

[jimram]

Muchas Gracias jahepi, me ayudo mucho el ejemplo que pusiste, aunque como dices, tengo que vovler a recompilar el proyecto cada vez que agrege mas clases. Esa es la finalidad a la que quiero llegar.

Seguimos buscando....

Gracias