EXT – Combobox Dinâmico

26 01 2008

Como montar um combobox dinâmico usando SimpleStore

// cria o vetor que irá armazenar as opções do combo
this.arrayColumn = [];// cria o store que irá organizar os dados
this.comboboxStore = new Ext.data.SimpleStore({
   fields: ['id','display'],
   data: this.arrayColumn
});

// efetivamente cria o combobox
this.combobox = new Ext.form.ComboBox({
   store : this.comboboxStore,
   mode : 'local',
   displayField: 'display',
   valueField : 'id',
   width: 150,
   triggerAction:'all',
   editable: false
});

// aqui estão sendo adicionados os elementos no vetor que irá 
// ser usado para montar o combo
this.arrayColumn.push(['cid_cod','Cod']);
this.arrayColumn.push(['cid_nome','Nome']);
this.arrayColumn.push(['est_cod','Estado']);

// este é o pulo do gato para o combobox se atualizar, ele recarrega
// o store e exibe a informação correta
this.comboboxStore.loadData(this.arrayColumn);

Mais uma coisa ‘como diria o tio do jack chan’: É sempre difícil organizar código fonte no wordpress, sendo assim, por algum tempo eu vou colocar os códigos aqui no wordpress e também num site que eu achei chamado http://pastie.caboo.se. O objetivo deste site é justamente armazenar e exibir com formatação adequada trechos de código fonte de diversas linguagen. Veja o link para o código fonte do exemplo anterior.


Ações

Information

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




%d blogueiros gostam disto: