title: How do I focus a combo box inside a grid panel?
body: <p>I've searched high and low and can't find this and all of my methods do not work.</p>
  
  <p>Basically, here is what I have. I have a Grid Panel (using <code>ExtJS 4</code>) that contains many rows. Each row has a column that contains a combo box.</p>
  
  <p>Now, I have a "Add" button that when clicked, adds a new model and inserts it into the store. Works great. However, the user has to use the mouse and click the combo box inside the newly inserted row to begin typing. Our app is heavily focused on the keyboard and the mouse is discouraged (being a data entry app).</p>
  
  <p>I am able to select the first row with a:</p>
  
  <pre><code>grid.view.getSelectionModel().select(newRow);
  </code></pre>
  
  <p>However, the combo box inside isn't focused.</p>
  
  <p>How can I solve this?</p>
  
  <p>Thanks.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I've tried to post my source code here on SO but it keeps timing out so here is a <code>gist</code> of my code:</p>
  
  <p><a href="https://gist.github.com/1089782" rel="nofollow">https://gist.github.com/1089782</a></p>
  
  <p>Thanks</p>