'nome', type: 'string'} ] }); var store = Ext.create('Ext.data.Store', { autoDestroy: true ,model: 'Estado' ,data: estados }); var combo1 = Ext.create('Ext.form.field.ComboBox', { fieldLabel: 'Estados' ,displayField: 'nome' ,forceSelection: true ,valueField: 'id' ,emptyText: 'Selecione um Estado' ,store: store ,queryMode: 'local' ,typeAhead: true // Criando o novo trigger ,trigger2Cls: 'x-form-clear-trigger' ,onTrigger2Click: onTrigger2ClickCombo1 }); var combo2 = Ext.create('Ext.form.field.ComboBox', { fieldLabel: 'Estados' ,displayField: 'nome' ,forceSelection: true ,valueField: 'id' ,emptyText: 'Selecione um Estado' ,store: store ,queryMode: 'local' ,typeAhead: true // Criando o novo trigger ,trigger2Cls: 'x-form-search-trigger' ,onTrigger2Click: onTrigger2ClickCombo2 }); Ext.create('Ext.form.Panel', { renderTo: Ext.getBody() ,title: 'Exemplo Combobox trigger2' ,frame: true ,bodyPadding: 5 ,width: 480 ,fieldDefaults: { labelAlign: 'left' ,labelWidth: 80 ,anchor: '100%' } ,items: [combo1, combo2] });});ConclusaoComo tinha mencionado para criar o novo botao informei a classe CSS para o atributo "trigger2Cls" e a funcao que devera ser executada sendo esta informada no atributo "onTrigger2Click" para cada ComboBox (combo1 e combo2).var onTrigger2ClickCombo1 = function() { this.clearValue(); Ext.Msg.alert('Clear Value', 'Valor do ComboBox removido com sucesso!');}var onTrigger2ClickCombo2 = function() { var estado = 'Nome do Estado: <b>{0}</b>'; Ext.create('Ext.window.Window', { title: 'Visualizar dados do Estado' ,bodyPadding: 5 ,html: Ext.String.format(estado, this.getDisplayValue()) ,autoShow: true ,width: 340 ,height: 90 ,modal: true });}Ext.onReady(function(){ ... var combo1 = Ext.create('Ext.form.field.ComboBox', { fieldLabel: 'Estados' ,displayField: 'nome' ,forceSelection: true ,valueField: 'id' ,emptyText: 'Selecione um Estado' ,store: store ,queryMode: 'local' ,typeAhead: true // Criando o novo trigger ,trigger2Cls: 'x-form-clear-trigger' ,onTrigger2Click: onTrigger2ClickCombo1 }); var combo2 = Ext.create('Ext.form.field.ComboBox', { fieldLabel: 'Estados' ,displayField: 'nome' ,forceSelection: true ,valueField: 'id' ,emptyText: 'Selecione um Estado' ,store: store ,queryMode: 'local' ,typeAhead: true // Criando o novo trigger ,trigger2Cls: 'x-form-search-trigger' ,onTrigger2Click: onTrigger2ClickCombo2 }); ...});Nas linhas #32 e #46 sao informadas as classes CSS essas ja estao inclusas no arquivo de styles do ExtJS (ext-all-gray.css) e importante sempre utilizar as imagens como esta classe CSS implementa, pois facilita na questao de efeitos quando passamos o mouse em cima da imagem, ou quando esta selecionada. Um exemplo de imagem seria a utilizada na classe CSS x-form-search-trigger:Nas linhas #33 e #47 sao informadas as funcoes de cada respectivo botao trigger. A primeira funcao "onTrigger2ClickCombo1" ira limpar os dados selecionado no ComboBox (combo1) e exibir uma mensagem informando a acao. Ja a funcao "onTrigger2ClickCombo2" ira exibir uma Window com o texto do Estado selecionado.Acao ao clicar no trigger2 do combo2Existem algumas funcionalidades para este recurso como limpar os dados do ComboBox, exibir uma Window com um Form para cadastro de novos registros para o ComboBox, excluir o registro selecionado, entre outras acoes.Caso queira adicionar mais botoes trigger no ComboBox e so seguir a ordem crescente dos atributos, ou seja, caso eu fosse inserir outro botao teria que criar no ComboBox os atributos "trigger3Cls" e "onTrigger3Click" com seus respectivos valores.Entao se tudo estiver certo abra o arquivo "combobox_trigger2.html" no browser que devera exibir um Form com os dois Combos conforme a primeira imagem demonstrada neste post.Espero ter sido claro sobre esse assunto mas qualquer duvida deixe seu comentario ou mande um e-mail para bloglegolas@gmail.com.Obrigado pela leitura e ate o proximo. SyntaxHighlighter.highlight();