Extjs 4.1 Comment sélectionner le premier élément dans la liste déroulante

J'ai un combo ressembler à http://jsfiddle.net/Q5nNV/

Extjs 4.1 Comment sélectionner le premier élément dans la liste déroulante

tout est bien, mais quand je fais une recherche (de frappe) du texte comme asdf en zone de liste déroulante et cliquez sur le bouton effacer

Ce n'est pas sélectionner le premier élément, il ressemble

Extjs 4.1 Comment sélectionner le premier élément dans la liste déroulante

Voici mon code

var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
        {"abbr":"AK", "name":""},
        {"abbr":"AL", "name":"Alabama"},
        {"abbr":"AZ", "name":"Arizona"}
    ]
});

//Create the combo box, attached to the states data store
var combo = Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Choose State',
    store: states,
    triggerAction: 'all',
    value: "AK",
    queryMode: 'local',
    displayField: 'name',
    valueField: 'abbr',
    trigger2Cls: 'x-form-clear-trigger',
    onTrigger2Click: function (args) {
        this.setValue("AK");
    },
    tpl: new Ext.XTemplate('<tpl for=".">' + '<li style="height:22px;" class="x-boundlist-item" role="option">' + '{name}' + '</li></tpl>'),
    renderTo: Ext.getBody()
});

Je veux que lorsque je clique sur le bouton effacer de ma combinaison vous permettra de sélectionner le premier élément (item vide). Comment faire pour résoudre ce remercier

InformationsquelleAutor freestyle | 2013-08-01