title: Sencha grid: hidden column and combobox
body: <p>First a small portion of the code:</p>
  
  <pre><code>{                text: 'TipoVisitaID',
              hidden: true,
              dataIndex: 'TipoVisitaID',
              itemId: 'TipoVisitaID'
          }, {
              text: 'TIPO VISITA',
              flex: 1,
              sortable: true,
              align: 'right',
              dataIndex: 'TipoVisita',
              editor: {
                  xtype: 'combo',
                  allowBlank: true,
                  store: allTiposVisita,
                  valueField: 'Id',
                  name: 'TiposVisitaCombo',
                  itemId: 'TiposVisitaCombo',
                  tpl: Ext.create('Ext.XTemplate',
                                      '&lt;tpl for="."&gt;',
                                          '&lt;div class="x-boundlist-item"&gt;{Designacao}&lt;/div&gt;',
                                      '&lt;/tpl&gt;'),
                  displayTpl: Ext.create('Ext.XTemplate', '&lt;tpl for="."&gt;', '{Designacao}', '&lt;/tpl&gt;')
              }
          },
  </code></pre>
  
  <p>What i would like to achivie is this. </p>
  
  <p>When editing the row i would like that the selected value for the combo to be the value in the hidden field.</p>
  
  <p>Is this even possible?? </p>
  
  <p>I've tried doing this: (on the combo)</p>
  
  <pre><code>value: Ext.ComponentQuery.query("#TipoVisitaID")[0] == null ? '' : Ext.ComponentQuery.query("#TipoVisitaID")[0].value
  </code></pre>
  
  <p>but it doesn't work...</p>