title: Change ExtJS Grid Height in Javascript
body: <p>How can I point at the object of a ExtJS Grid and manually set the height (in pixels)?</p>
  
  <p>For example, with this same:</p>
  
  <pre><code>var grid = new Ext.grid.GridPanel({
      store: store,
      columns: [
          {id:'company',header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
          {header: 'Price', width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
          {header: 'Change', width: 75, sortable: true, renderer: change, dataIndex: 'change'},
          {header: '% Change', width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
          {header: 'Last Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
      ],
      stripeRows: true,
      autoExpandColumn: 'company',
      height: 350,
      width: 600,
      title: 'Array Grid',
      // config options for stateful behavior
      stateful: true,
      stateId: 'grid'        
  });
  </code></pre>
  
  <p>I would i be able to point at the "grid" object and then set the size of the grid?</p>
  
  <p>Any help would be fantastic! </p>