I've added a KeyListener to the State ComboBox on the ComboBoxExample.java
Steps:
1) Select a State (make sure the selected showed up and populated the combobox)
2) Press ENTER
3) All methods keyDown, keyUp and keyPressed are called twice
/*
* Ext GWT - Ext for GWT Copyright(c) 2007, 2008, Ext JS, LLC. licensing@extjs.com http://extjs.com/license
*/
package com.extjs.gxt.samples.client.examples.forms;
import com.extjs.gxt.samples.resources.client.TestData;
import com.extjs.gxt.samples.resources.client.model.Country;
import com.extjs.gxt.samples.resources.client.model.State;
import com.extjs.gxt.ui.client.event.ComponentEvent;
import com.extjs.gxt.ui.client.event.KeyListener;
import com.extjs.gxt.ui.client.store.ListStore;
import com.extjs.gxt.ui.client.widget.Info;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.VerticalPanel;
import com.extjs.gxt.ui.client.widget.form.ComboBox;
import com.extjs.gxt.ui.client.widget.form.ComboBox.TriggerAction;
import com.google.gwt.core.client.GWT;
public class ComboBoxExample extends LayoutContainer {
public ComboBoxExample() {
VerticalPanel vp = new VerticalPanel();
vp.setSpacing(10);
ListStore<State> states = new ListStore<State>();
states.add(TestData.getStates());
ComboBox<State> combo = new ComboBox<State>();
combo.setEmptyText("Select a state...");
combo.setDisplayField("name");
combo.setWidth(150);
combo.setStore(states);
combo.setTypeAhead(true);
combo.setTriggerAction(TriggerAction.ALL);
combo.addKeyListener(new KeyListener() {
/**
* Fires on key down.
*
* @param event the component event
*/
@Override
public void componentKeyDown(final ComponentEvent event) {
Info.display("KeyListener", "componentKeyDown");
}
/**
* Fires on key press.
*
* @param event the component event
*/
@Override
public void componentKeyPress(final ComponentEvent event) {
Info.display("KeyListener", "componentKeyPress");
}
/**
* Fires on key up.
*
* @param event the component event
*/
@Override
public void componentKeyUp(final ComponentEvent event) {
Info.display("KeyListener", "componentKeyUp");
}
});
vp.add(combo);
states = new ListStore<State>();
states.add(TestData.getStates());
combo = new ComboBox<State>();
combo.setEmptyText("Select a state...");
combo.setDisplayField("name");
combo.setTemplate(getTemplate());
combo.setWidth(150);
combo.setStore(states);
combo.setTypeAhead(true);
combo.setTriggerAction(TriggerAction.ALL);
vp.add(combo);
ListStore<Country> countries = new ListStore<Country>();
countries.add(TestData.getCountries());
ComboBox<Country> combo2 = new ComboBox<Country>();
combo2.setWidth(150);
combo2.setStore(countries);
combo2.setTemplate(getFlagTemplate(GWT.getModuleBaseURL()));
combo2.setDisplayField("name");
combo2.setTypeAhead(true);
vp.add(combo2);
add(vp);
}
private native String getTemplate() /*-{
return [
'<tpl for=".">',
'<div class="x-combo-list-item" qtip="{slogan}" qtitle="State Slogan">{name}</div>',
'</tpl>'
].join("");
}-*/;
private native String getFlagTemplate(String base) /*-{
return [
'<tpl for=".">',
'<div class="x-combo-list-item"><img src="' + base + '/images/icons/fam/flags/{[values.abbr]}.png"> {[values.name]}</div>',
'</tpl>'
].join("");
}-*/;
}