如何让两个元素在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    
        }]
    });

});