title: grid panel toolbar failed rendering textfield
body: <p>I want to add textfield into tbar in Grid panel, but it does not work.</p>
  
  <p>And I tried with button then it works..</p>
  
  <p>This code is not working, the error message say, <strong>TypeError: g.el is null</strong></p>
  
  <pre><code>var grid = Ext.create('Ext.grid.Panel', {
  ...
  tbar : [
    {
       xtype : 'textfield',
       name : 'test'
    }
  ]
  });
  </code></pre>
  
  <p>But this code is working,</p>
  
  <pre><code>var grid = Ext.create('Ext.grid.Panel', {
  ...
  tbar : [
    {
       xtype : 'button',
       text : 'keyword'
    }
  ]
  });
  </code></pre>
  
  <p>Anybody know, why it happened? </p>
  
  <p>I found,</p>
  
  <p>it <em>renderTo : 'tableID'</em>, but I changed to <strong>renderTo : Ext.getBody()</strong></p>
  
  <p>then it works. but I want to put the grid into specific html element, how should I do?</p>
  
  <p>[Edit]</p>
  
  <p>I want to insert to #listTable,</p>
  
  <pre><code>&lt;div id="wrap"&gt;
      &lt;table id="listTable"&gt;&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I just tried to 'wrap' then it works,</p>
  
  <p>So I tried, <strong>renderTo : 'wrap > listTable'</strong></p>
  
  <p>but it does not work :(</p>