ExtJS UI 之 Ext.Panel

示例代码：

Ext.onReady(function(){
	var _panel = new Ext.Panel({
		title:"用户登陆",
		frame:true,
		width:250,
		height:130,
		layout:"form",
		labelWidth:45,
		defaults:{xtype:"textfield",width:160},
		items:[
			{fieldLabel:"账号"},
			{fieldLabel:"密码"}
			],
		buttons:[
		{text:"确定"},
		{text:"取消"}
		]
	});
	
	_panel.applyToMarkup(Ext.DomHelper.append(Ext.getBody(),{
								tag:"div",
								cls:"contain",
								cn:[
								{tab:"div",cls:"center"}
								]
							},true).child("div"));
	
});

效果图：