title: Extjs store sync is not working when i insert value in store
body: <p>I have treePanel with widgetColumn which includes combobox widget in it wuth default text. My requirement is when i select the defalt text, one new record should get inserted in store &amp; also get saved in database.</p>
  
  <pre><code>{
      text: 'TC',
      dataIndex: 'scrTC',
      xtype: 'widgetcolumn',
      widget: {
          xtype: 'combo',
          store: 'TCStore',
          valueField: 'id',
          displayField: 'name',
          matchFieldWidth: false,
          listeners: {
            select: 'selectDefault'
          }
      }
  }
  </code></pre>
  
  <p>Controller Method: </p>
  
  <pre><code>selectDefault: function(combo){
    loadData(combo, id, name); //there is a logic to get id &amp; name, then pass it to loadData method
  }
  
  loadData: function(combo, id, name){
     var store = combo.getStore();
    store.insert(0,{id: id, name: name});
    store.sync();
    combo.setValue(id);
  }
  </code></pre>
  
  <p>Issue is when i first time select default text, store sync method is not inserting the data in database but the combo show the new value &amp; store also the new value(seen using debugger).
  When i select again then the data is inserted into database.</p>
  
  <p>I Debugged code, the execution flow is correct, only thing is sync is not calling backend to insert data at first instance, but works for second time.
  Can someone help.</p>