title: Dynamic cell editors in grid panel
body: <p>I have a grid panel with columns 'code' and 'value'. The editors of cells in the 'value' column is determined by the values in the 'code' column. How do i achieve this?</p>
  
  <p>I have tried the following: </p>
  
  <pre><code>plugins: {
      ptype: 'cellediting',
      clicksToEdit: 1
  },
  
  listeners: {
      select: function(component, record, index) {
          debugger;
          console.log('value : ' + record.data.code);
          if (record.data.code == 'combo') {
              this.query('#colDefaultValue')[0].editor = {
                  xtype: 'combo',
                  allowBlank: false,
                  store: [
                          [1, 'Option 1'],
                          [2, 'Option 2']
                      ]
                      // displayField: 'name',
                      // valueField: 'id'
              };
          } else if (record.data.code == 'int') {
              this.query('#colDefaultValue')[0].editor = {
                  xtype: 'numberfield'
              };
          } else if (record.data.code == 'bool') {
              this.query('#colDefaultValue')[0].editor = {
                  xtype: 'combo',
                  allowBlank: false,
                  store: [
                          [1, 'Yes'],
                          [2, 'No']
                  ]
              };
          } else {
              this.query('#colDefaultValue')[0].editor = {
                  xtype: 'textfield'
              };
          }
      }
  },
  </code></pre>