ExtJS的3.4 GridPanel中不FormPanel中

我想修改示例代碼來構建一個類似的形式像 http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/form/form-grid.html ExtJS的3.4 GridPanel中不FormPanel中

我的代碼裏面展示的是下面：

var references = new Ext.form.FormPanel({ 
    frame: true, 
    title: 'References', 
    bodyPadding: 5, 
    layout: 'column', 
    fieldDefaults: { 
     labelAlign: 'left', 
     msgTarget: 'side' 
    }, 
    items: [{ 
     columnWidth: 0.60, 
     xtype: 'gridpanel', 
     store: reference_store, 
     height: 400, 
     title:'General', 
     columns: [ 
      { id: 'name', header : 'Reference', flex: 1, sortable : true, dataIndex: 'reference' }, 
      { header: 'Impact', width : 75, sortable : true, dataIndex: 'impact'}, 
     ] 
    }, { 
     columnWidth: 0.4, 
     margin: '0 0 0 10', 
     xtype: 'fieldset', 
     title:'Details', 
     defaults: { 
      width: 240, 
      labelWidth: 90 
     }, 
     defaultType: 'textfield', 
     items: [{fieldLabel: 'Name', name: 'reference'}] 
    }] 
});

但整個FormPanel中失敗以顯示。當我用'fieldset'或其他類型替換'gridpanel'時，無論格式錯誤如何，FormPanel都會出現。

來源

2012-10-06 stackunderflow

xtype應該是「grid」而不是「gridpanel」

來源

2012-10-06 04:21:20

它的工作原理！它確實是有線的，因爲它是示例代碼中的「gridpanel」。你能解釋一下嗎？ – stackunderflow

在Ext3中，類和xtypes之間的映射有點混亂，我想他們在Ext4中修復了這個問題。 –

謝謝，還有一個問題。 FormPanel的佈局是'列'，但我的兩列垂直對齊。可能是什麼問題？ – stackunderflow

ExtJS的3.4 GridPanel中不FormPanel中

回答

相關問題