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%'} 
}, 

видеть ваше updated JSFiddle

Примечание что макет конфигурации получить только обработанное на контейнере, а не на компонент, потому что компонент не имеет детей