Ext.onReady(function(){

	Ext.create('Ext.form.Panel',{
	
		title : '橫向佈局測試',
		height : 130,
		width : 550,
		frame : true,
		layout : 'form',
		renderTo : Ext.getBody(),
		items : [{
			
			layout : 'column',
			frame : true,
			items : [{
				
				xtype : 'textfield',
				fieldLabel : '姓名',
				name : 'name'
			},{
				
				xtype : 'textfield',
				fieldLabel : '姓名',
				name : 'name'
			}]
		},{
			
			layout : 'column',
			frame : true,
			items : [{
				
				xtype : 'textfield',
				fieldLabel : '姓名'
			},{
				
				xtype : 'textfield',
				fieldLabel : '姓名'
			}]
		}]
	});
});
 

效果圖：

如果要去掉每行的邊框，只需加上一個屬性：

Ext.onReady(function(){

    Ext.create('Ext.form.Panel',{
    
        title : '橫向佈局測試',
        height : 130,
        width : 550,
        frame : true,
        layout : 'form',
        renderTo : Ext.getBody(),
        items : [{
            
            layout : 'column',
            frame : true,
            baseCls : 'my-panel-no-border',  //去掉邊框
            items : [{
                
                xtype : 'textfield',
                fieldLabel : '姓名',
                name : 'name'
            },{
                
                xtype : 'textfield',
                fieldLabel : '姓名',
                name : 'name'
            }]
        },{
            
            layout : 'column',
            frame : true,
            baseCls : 'my-panel-no-border',  //去掉邊框
            items : [{
                
                xtype : 'textfield',
                fieldLabel : '姓名'
            },{
                
                xtype : 'textfield',
                fieldLabel : '姓名'
            }]
        }]
    });
});
 

效果圖：

聽說，打賞我的人最後都找到了真愛。