Extjs问题请各位牛人指教，GridPanel显示不出来

 var grid=Ext.grid.GridPanel({
      applyTo:'grid',
          store: new Ext.data.Store({
                 reader: reader,
                 data: xg.dummyData
             }),
             columns: [
                 {id:'company', header: "Company", width: 200, sortable: true, dataIndex: 'company'},
                 {header: "Price", width: 120, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
                 {header: "Change", width: 120, sortable: true, dataIndex: 'change'},
                 {header: "% Change", width: 120, sortable: true, dataIndex: 'pctChange'},
                 {header: "Last Updated", width: 135, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
             ],
             viewConfig: {
                 forceFit: true,

//               Return CSS class to apply to rows depending upon data values
                 getRowClass: function(record, index) {
                     var c = record.get('change');
                     if (c < 0) {
                         return 'price-fall';
                     } else if (c > 0) {
                         return 'price-rise';
                     }
                 }
             },
             sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
             width:600,
             height:300,
             frame:true,
             title:'Framed with Checkbox Selection and Horizontal Scrolling',
             iconCls:'icon-grid'
      });   

定义了这么一个Gridpanel，怎么让它显示到jsp页面里？直接用<div id="grid"></div>不行么？新手求指教………… --------------------编程问答--------------------

Ext.onReady(function(){

  grid.render("grid");  //"grid"表示div id



});

补充：Java ,  Web 开发