本帖最后由 yagamiww 于 2009-09-19 20:46:07 编辑

解决方案 »

  1.   


    <script>
     Ext.onReady(function() {
    var myData = [
        ['Apple',29.89,0.24,0.81,'9/1 12:00am'],
        ['Ext',83.81,0.28,0.34,'9/12 12:00am'],        
        ['Google',71.72,0.02,0.03,'10/1 12:00am'],    
        ['Microsoft',52.55,0.01,0.02,'7/4 12:00am'],        
        ['Yahoo!',29.01,0.42,1.47,'5/22 12:00am']];     
    var myReader = new Ext.data.ArrayReader({}, 
        [{name: 'company'},        
        {name: 'price', type: 'float'},        
        {name: 'change', type: 'float'},        
        {name: 'pctChange', type: 'float'},        
        {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}]);    var grid = new Ext.grid.GridPanel({
        store: new Ext.data.Store({
        data: myData,
    reader: myReader}),
        columns:[
            {header: "Company", width: 120, sortable: true, dataIndex:'company'},            
            {header: "Price", width: 90, sortable: true, dataIndex: 'price'},    
            {header: "Change", width: 90, sortable: true, dataIndex: 'change'},            
            {header: "% Change", width: 90, sortable: true, dataIndex: 'pctChange'},
            {header: "Last Updated", width: 120, sortable: true,renderer: Ext.util.Format.dateRenderer('m/d/Y'),dataIndex:'lastChange'}
        ],
    //    viewConfig:{forceFit: true},        
        renderTo: 'grid',
        title: 'My First Grid',    
        width: 500, autoHeight:true,
        frame: true
        });   
        grid.getSelectionModel().selectFirstRow();
    });
           </script><div id="grid"></div>
      

  2.   


    <link type="text/css" rel="stylesheet" href="ext-2.0/resources/css/ext-all.css" />
    <script type="text/javascript" language="javascript" src="ext-2.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" language="javascript" src="ext-2.0/ext-all.js"></script>
    <script>
     Ext.onReady(function() {
    var myData = [
        ['Apple',29.89,0.24,0.81,'9/1 12:00am'],
        ['Ext',83.81,0.28,0.34,'9/12 12:00am'],        
        ['Google',71.72,0.02,0.03,'10/1 12:00am'],    
        ['Microsoft',52.55,0.01,0.02,'7/4 12:00am'],        
        ['Yahoo!',29.01,0.42,1.47,'5/22 12:00am']];     
    var myReader = new Ext.data.ArrayReader({}, 
        [{name: 'company'},        
        {name: 'price', type: 'float'},        
        {name: 'change', type: 'float'},        
        {name: 'pctChange', type: 'float'},        
        {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}]);    var grid = new Ext.grid.GridPanel({
        store: new Ext.data.Store({
        data: myData,
    reader: myReader}),
        columns:[
            {header: "Company", width: 120, sortable: true, dataIndex:'company'},            
            {header: "Price", width: 90, sortable: true, dataIndex: 'price'},    
            {header: "Change", width: 90, sortable: true, dataIndex: 'change'},            
            {header: "% Change", width: 90, sortable: true, dataIndex: 'pctChange'},
            {header: "Last Updated", width: 120, sortable: true,renderer: Ext.util.Format.dateRenderer('m/d/Y'),dataIndex:'lastChange'}
        ],
    //    viewConfig:{forceFit: true},        
        renderTo: 'grid',
        title: 'My First Grid',    
        width: 500, autoHeight:true,
        frame: true
        });   
        grid.getSelectionModel().selectFirstRow();
    });
           </script>
    <div id="grid"></div>
      

  3.   

    应该是我自己写错了。。viewConfig不删掉也没关系的,分数还是给你把谢谢了