Something similar - I have a simple store holding data for a combo box. I want the user to be able to type in a new entry if it doesn't exist in the store and then when they leave the box - save that into the store and reload it. I've turned editable:true on the combo box but it doesn't make a difference, the change event doesn't seem to happen.

Here's the code:

    var statusData = [
            ['Open', 'open'],
            ['Hold', 'hold']

    var rStatusRecord =[
        {name: 'code', type: 'string'},
        {name: 'Status', type: 'string'}
    dsStatus = new{fields:['code','Status'], data:statusData});

        cboStatus = new Ext.form.ComboBox({fieldLabel:"Status",id:"StatusID",tabIndex:11, 
                                forceSelection: true,triggerAction: "all",emptyText:"Please Select...", editable:true});

        cboStatus.addListener("change", cboStatus_OnChange);

    function cboStatus_OnChange(cbo, newVal, oldVal)
        Ext.MessageBox.alert("Status", "You Typed: " + newVal);
        var statusRecord = new rStatusRecord({
            code: "",
            Status : ""
        }); = newVal; = newVal;
Nothing seems to happen when I type text in. Any suggestions - something obvious that I'm missing???