Сброс combobox, когда forceSelection = true, и пользователь может редактировать combobox

Question

У меня есть сводка, которая имеет конфигурацию 'forceSelection: true'. Пользователь может редактировать combobox, например: введите произвольный текст, а затем сразу нажмите кнопку сброса, чтобы сбросить выпадающее поле, но combobox не будет сброшен до его исходного значения. Как я могу это исправить?

Вот мой код, чтобы описать проблему:

var states = Ext.create('Ext.data.Store', { 

    fields: ['abbr', 'name'], 

    data : [ 

     {"abbr":"AL", "name":"Alabama"}, 
     {"abbr":"AK", "name":"Alaska"}, 
     {"abbr":"AZ", "name":"Arizona"} 
     //... 
    ] 
    }); 

    Ext.create('Ext.container.Container', { 

    layout: 'hbox', 

    margin: '50', 

    renderTo: Ext.getBody(), 

    items: [ 
     { 
      xtype: 'combobox', 
      margin: '0 10 0 0', 
      fieldLabel: 'Choose State', 
      forceSelection: true, 
      store: states, 
      queryMode: 'local', 
      value: 'AL', 
      displayField: 'name', 
      valueField: 'abbr' 

     }, 
     { 
      xtype: 'button', 
      text: 'reset', 
      handler: function() { 
       this.up('container').down('combobox').reset(); 
      } 
     } 
    ] 
    }); 
    }); 

Answer 1

Привет Plz обновить обработчик кнопки с этим кодом она работает нормально в моем конце даже foreceSelection включен.

     { 
          xtype: 'button', 
          text: 'reset', 
          handler: function() { 
            var combo=this.up('container').down('combobox'); 
            combo.lastSelection ="Alabama"; 
            combo.setRawValue(combo.lastSelection); 
            combo.callParent(arguments) 
          } 
         } 

Answer 2

Попробуйте с этим, например ..

   Ext.onReady(function(){ 

        var states = Ext.create('Ext.data.Store', { 

        fields: ['abbr', 'name'], 

        data : [ 

         {"abbr":"AL", "name":"Alabama"}, 
         {"abbr":"AK", "name":"Alaska"}, 
         {"abbr":"AZ", "name":"Arizona"} 
         //... 
        ] 
        }); 

        Ext.create('Ext.container.Container', { 

        layout: 'hbox', 

        margin: '50', 

        renderTo: Ext.getBody(), 

        items: [ 
         { 
          xtype: 'combobox', 
          margin: '0 10 0 0', 
          fieldLabel: 'Choose State', 
          store: states, 
          queryMode: 'local', 
          value: 'AL', 
          displayField: 'name', 
          valueField: 'abbr' 

         }, 
         { 
          xtype: 'button', 
          text: 'reset', 
          handler: function() { 
           this.up('container').down('combobox').setValue("Alabama"); 
          } 
         } 
        ] 
        }); 
       });