Combos Ligadas

[l3on4rdo 0]

Olá galera,

to de volta, mas hoje com um tut bem interessante e bastante simples também !!

 

Vamos lá:

 

1- Nosso Flash terá apenas um keyframe !

 

1.1 - Elementos do palco :

 

Os elementos são bem simples, apenas 2 caixas comboBox.

Caso não saiba onde elas ficam vá em Windows(janela) -> Components (Componentes) (ou simplesmente ctrl + F7) -> User Interface (interface de usuário) -> e arraste as 2 comboBox.

 

2 - Declarando instâncias

 

Instancie a 1ª combo como "aa1" e a segunda como "aa2"

 

3- ActionScript :

CODE

//Declaradas variaveis

var aa1:mx.controls.ComboBox;

var aa2:mx.controls.ComboBox;

var aa3:mx.controls.ComboBox;

//Criadas arrays(matrizes) de dados

var aInfo:Array = new Array({label:"Cor", data:0}, {label:"Sabor", data:1},{label:"Jogos", data:2});

var aInfoB:Array = new Array();

aInfoB.push([{label:"Azul"}, {label:"amarelo"}, {label:"rosa"}]);

aInfoB.push([{label:"Doce"}, {label:"Amargo"}, {label:"Salgado"}]);

aInfoB.push([{label:"Doom"}, {label:"RE 4"}, {label:"Sim City 4"}]);

//Combobox populado com array(matriz) aInfo

aa1.dataProvider=aInfo

 

/*no momento da escolha passa a segunda combo o que deverá

ser mostrado */

var oEvento:Object = new Object();

oEvento.change = function(o:Object) {

aa2.dataProvider=aInfoB[o.target.selectedItem.data]

 

};

aa1.addEventListener("change",oEvento)

É isso, lembrando que para adicionar outras categorias vá em

CODE

var aInfo:Array = new Array({label:"Cor", data:0}, {label:"Sabor", data:1},{label:"Jogos", data:2});

e após

CODE

{label:"Jogos", data:2}

adicione desse jeito :

CODE

{label:"Jogos", data:2}, {label:"Nome", data:3})

não esquecendo do parenteses no final , ou seja, o parenteses SEMPRE fica na última opção ou dará erro e da vírgula da opção anterior e para cada valor novo, o data aumenta 1 !! (+1).

 

E para a segunda combo receber o valor adicionado é assim :

CODE

aInfoB.push([{label:"Azul"}, {label:"amarelo"}, {label:"rosa"}]);

aInfoB.push([{label:"Doce"}, {label:"Amargo"}, {label:"Salgado"}]);

aInfoB.push([{label:"Doom"}, {label:"RE 4"}, {label:"Sim City 4"}]);

adicione um linha com o seguinte :

CODE

aInfoB.push([{label:"Opção 1"}, {label:"Opção 2"}, {label:"Opção 3"}]);

Espero que entendam, e qualquer coisa me deem um toque !!

 

Abraços

[Matheus Brito 12]

Olá galera,

to de volta, mas hoje com um tut bem interessante e bastante simples também !!

 

Vamos lá:

 

1- Nosso Flash terá apenas um keyframe !

 

1.1 - Elementos do palco :

 

Os elementos são bem simples, apenas 2 caixas comboBox.

Caso não saiba onde elas ficam vá em Windows(janela) -> Components (Componentes) (ou simplesmente ctrl + F7) -> User Interface (interface de usuário) -> e arraste as 2 comboBox.

 

2 - Declarando instâncias

 

Instancie a 1ª combo como "aa1" e a segunda como "aa2"

 

3- ActionScript :

CODE

//Declaradas variaveis

var aa1:mx.controls.ComboBox;

var aa2:mx.controls.ComboBox;

var aa3:mx.controls.ComboBox;

//Criadas arrays(matrizes) de dados

var aInfo:Array = new Array({label:"Cor", data:0}, {label:"Sabor", data:1},{label:"Jogos", data:2});

var aInfoB:Array = new Array();

aInfoB.push([{label:"Azul"}, {label:"amarelo"}, {label:"rosa"}]);

aInfoB.push([{label:"Doce"}, {label:"Amargo"}, {label:"Salgado"}]);

aInfoB.push([{label:"Doom"}, {label:"RE 4"}, {label:"Sim City 4"}]);

//Combobox populado com array(matriz) aInfo

aa1.dataProvider=aInfo

 

/*no momento da escolha passa a segunda combo o que deverá

ser mostrado */

var oEvento:Object = new Object();

oEvento.change = function(o:Object) {

aa2.dataProvider=aInfoB[o.target.selectedItem.data]

 

};

aa1.addEventListener("change",oEvento)

É isso, lembrando que para adicionar outras categorias vá em

CODE

var aInfo:Array = new Array({label:"Cor", data:0}, {label:"Sabor", data:1},{label:"Jogos", data:2});

e após

CODE

{label:"Jogos", data:2}

adicione desse jeito :

CODE

{label:"Jogos", data:2}, {label:"Nome", data:3})

não esquecendo do parenteses no final , ou seja, o parenteses SEMPRE fica na última opção ou dará erro e da vírgula da opção anterior e para cada valor novo, o data aumenta 1 !! (+1).

 

E para a segunda combo receber o valor adicionado é assim :

CODE

aInfoB.push([{label:"Azul"}, {label:"amarelo"}, {label:"rosa"}]);

aInfoB.push([{label:"Doce"}, {label:"Amargo"}, {label:"Salgado"}]);

aInfoB.push([{label:"Doom"}, {label:"RE 4"}, {label:"Sim City 4"}]);

adicione um linha com o seguinte :

CODE

aInfoB.push([{label:"Opção 1"}, {label:"Opção 2"}, {label:"Opção 3"}]);

Espero que entendam, e qualquer coisa me deem um toque !!

 

Abraços

Muito bom

vlw

abs

[l3on4rdo 0]

vlw aew !!

abraços