extjs4.2 - extJs中如何让两个元素分别占30%和70%

Question

我想让两个文本字段存在于同一行中，并且分别占 30% 和 70%。

{
columnWidth : 1.0,
items : [ {
anchor: '30%',
fieldLabel : 'A',
xtype : 'textfield',
value : ""
} ]
},
{
columnWidth : 0.9,
items : [ {
fieldLabel : 'B',
xtype : 'textfield',
anchor: '70%',
value : ""
} ]
}

Answer 1

Ext.require('*');

Ext.onReady(function(){

    new Ext.panel.Panel({
        renderTo: document.body,
        width: 500,
        height: 200,
        layout: 'hbox',
        defaultType: 'textfield',
        items: [{
            flex: 3
        }, {
            flex: 7    
        }]
    });

});