javascript - ExtJS 3.4 GridPanel が FormPanel 内に表示されない

Question

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/form/form-grid.htmlのような同様のフォームを構築するためにサンプル コードを変更しようとしてい ます。

私のコードは以下の通りです：

    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 全体が表示されませんでした。「gridpanel」を「fieldset」または他のタイプに置き換えると、形式が正しくなくても FormPanel が表示されます。

Answer 1

xtype は「gridpanel」ではなく「grid」にする必要があります</p>