extjs - Extjs4.1 - 如何使项目继承布局成为父级

Question

我定义了一个面板有 2 项看起来像http://jsfiddle.net/BB8Vu/

Ext.define('Example', {
    extend: 'Ext.panel.Panel',
    border: false,
    alias: 'widget.example',
    items: [{
        fieldLabel: 'Age',
        name: 'age',
        xtype: 'numberfield',
        minValue: 0,
        maxValue: 100
    }, {
        xtype: 'timefield',
        fieldLabel: 'Time',
        name: 'time',
        minValue: '8:00am',
        maxValue: '6:00pm'
    }]
});

我以另一种形式使用它。如果该表单没有布局，那是正确的。但是如果我使用像这样的布局

Ext.create('Ext.form.Panel', {
    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,
    url: 'save-form.php',

    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },


    defaultType: 'textfield',
    items: [{
        fieldLabel: 'First Name',
        name: 'first',
        allowBlank: false
    },{
        xtype: 'example'
    }],
    renderTo: Ext.getBody()
});

那是失败的样子（example非继承布局父项中的项目宽度）

如何使example继承布局的项目成为父项。谢谢

Answer 1

扩展默认值：

defaults: {
    anchor: '100%',
    layout: 'anchor',
    defaults: {anchor: '100%'}
},

查看您更新的 JSFiddle

请注意，布局配置仅在容器上处理而不在组件上处理，因为组件没有子组件