EXTJS 3，如何顯示網格彈出？

我有這種編碼，爲什麼它不工作？

var myData = [['ddd', '1111'], ['eee', '2222']]; 

      var store = new Ext.data.ArrayStore({ 
       fields: [ 
        { name: 'FLD' }, 
        { name: 'VAL' } 
       ] 
      }); 
      store.loadData(myData); 

      var grid = new Ext.grid.GridPanel({ 
       store: store, 
       loadMask: true, 
       colModel: new Ext.grid.ColumnModel({ 
        defaults: { 
         width: 120, 
         sortable: true 
        }, 
        columns: [ 
         { header: 'FLD', dataIndex: 'FLD' }, 
         { header: 'VAL', dataIndex: 'VAL' } 
        ] 
       }), 
       viewConfig: { 
        forceFit: true 
       } 
      }); 

      var myWin = Ext.create("Ext.Window", { 
       layout: 'fit', 
       title: 'Exception Detail', 
       width: 400, 
       height: 300, 
       closable: false, 
       buttonAlign: 'center', 
       items: [grid], 
       modal: true 
      }); 
      myWin.show();

來源

2012-07-03 user595234

Ext.create您在代碼中使用的語法屬於ExtJS4而不是ExtJS3。使用新的Ext.Window – ncank

此代碼完全沒有問題，但如果您嘗試JSFiddle，它不工作，我不知道爲什麼。我試着用我的本地Ext 3.4，它工作正常。這是我的代碼。

<html> 
<head> 
<script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script> 
<script type='text/javascript' src='ext-3.4.0/ext-all.js'></script> 
</head> 
<body> 
</body> 
<script> 
Ext.onReady(function() { 

var myData = [['ddd', '1111'], ['eee', '2222']]; 

    var store = new Ext.data.ArrayStore({ 
     fields: [ 
      { name: 'FLD', type: 'string' }, 
      { name: 'VAL', type: 'string' } 
     ] 
    }); 

    store.loadData(myData); 

    var grid = new Ext.grid.GridPanel({ 
     store: store, 
     loadMask: true, 
     columns: [ 
      { header: 'FLD', dataIndex: 'FLD' }, 
      { header: 'VAL', dataIndex: 'VAL' } 
     ], 
     viewConfig: { 
      forceFit: true 
     } 
    }); 

    var myWin = new Ext.Window({ 
     layout: 'fit', 
     title: 'Exception Detail', 
     width: 400, 
     height: 300, 
     closable: false, 
     buttonAlign: 'center', 
     items: [grid], 
     modal: true 
    }); 
    myWin.show();}); 
</script>

來源

2012-07-03 15:30:49 scusyxx

EXTJS 3，如何顯示網格彈出？

回答

相關問題