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"));
	
});

Ext.onReady(function(){
	var _window = new Ext.Window({
		title:"用户登陆",
		frame:true,
		width:250,
		height:130,
		plain:true,
		layout:"form",
		labelWidth:45,
		resizable:false,
		constrain:true,
		closeAction:"hide",
		defaults:{xtype:"textfield",width:160},
		bodyStyle:"padding:5px;",
		listeners:{
			"show":function(){
				alert("窗口显示");
			},
			"hide":function(){
				alert("窗口隐藏");
			}
		},
		items:[
			{fieldLabel:"账号"},
			{fieldLabel:"密码"}
			],
		buttons:[
			{text:"确定"},
			{text:"取消",handler:function(){
					_window.hide();
				}
			}
		]
	});
	
	_window.render(Ext.getBody());
	_window.show();
});

Ext.onReady(function(){
	new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定"
	});
});

Ext.onReady(function(){
	new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定",
		handler:function(){
			alert("欢迎你学习ExtJS");
		}
	});
});

Ext.onReady(function(){
	new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定",
		listeners:{
			"click":function(){
				alert("欢迎你学习ExtJS");
			}
		}
	});
});

Ext.onReady(function(){
	var _btn = new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定"
	});
	_btn.on("click",function(){
		alert("欢迎学习ExtJs");
	});
});

Ext.onReady(function(){
	var _panel = new Ext.Panel({
		renderTo:Ext.getBody(),
		layout:"form",
		labelWidth:50,
		listeners:{
			"render":function(_panel){
				_panel.add(new Ext.form.TextField({
					id:"txt_name",
					fieldLabel:"姓名"
				}));
			}
		}
	});
});

Ext.namespace("Ext.dojochina");

package Ext.dojochina;

Ext.namespace("Ext.dojochina");
Ext.dojochina.HelloWorld = Ext.emptyFn;

Ext.namespace("Ext.dojochina");
Ext.dojochina.HelloWorld = function(){};

new Ext.dojochina.HelloWorld();

	private String name = "name";

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

print:function(){
	alert(String.format("姓名：{0},性别{1},",this.name,this.sex));
}

	public void print(){
		System.out.println("姓名:%s,性别%s",this.name,this.sex);
	}

Ext.namespace("Ext.dojochina");
Ext.dojochina.Person = Ext.emptyFn;
Ext.apply(Ext.dojochina.Person.prototype,{
		name:"",
		sex:"",
		print:function(){
			alert(String.format("姓名：{0},性别:{1}",this.name,this.sex));
		}
	});

var _person = new Ext.dojochina.Person();
_person.name = "张三";
_person.sex = "男";
_person.print();

_person.name = "王五";
_person.sex = "女";
_person.print();

Ext.namespace("Ext.dojochina");
Ext.dojochina.Person = Ext.emptyFn;

Ext.dojochina.Person.print = function(_name,_sex){
	var _person = new Ext.dojochina.Person();
	_person.name = _name;
	_person.sex = _sex;
	_person.print();
}

Ext.apply(Ext.dojochina.Person.prototype,{
		name:"",
		sex:"",
		print:function(){
			alert(String.format("姓名：{0},性别:{1}",this.name,this.sex));
		}
	});
	
Ext.dojochina.Person.print("张三","男");
Ext.dojochina.Person.print("王五","女");

Ext.namespace("Ext.dojochina");
Ext.dojochina.Person = function(_cfg){
	Ext.apply(this,_cfg);
}

Ext.dojochina.Person.print = function(_name,_sex){
	var _person = new Ext.dojochina.Person({name:_name,sex:_sex});
	_person.print();
}

Ext.apply(Ext.dojochina.Person.prototype,{
		print:function(){
			alert(String.format("姓名：{0},性别:{1}",this.name,this.sex));
		}
	});
	
Ext.dojochina.Person.print("张三","男");
Ext.dojochina.Person.print("王五","女");

Ext.namespace("Ext.dojochina");
Ext.dojochina.Person = function(_cfg){
	Ext.apply(this,_cfg);
}

Ext.apply(Ext.dojochina.Person.prototype,{
		job:"无",
		print:function(){
			alert(String.format("姓名：{0},性别:{1},角色:{2}",this.name,this.sex,this.job));
		}
	});
	
	
Ext.dojochina.Teacher = function(_cfg){
	Ext.apply(this,_cfg);
}
Ext.extend(Ext.dojochina.Teacher,Ext.dojochina.Person,{job:"老师"}); //Teacher继承Person并给job重新赋值


Ext.dojochina.Student = function(_cfg){
	Ext.apply(this,_cfg);
}
Ext.extend(Ext.dojochina.Student,Ext.dojochina.Person,{job:"学生"}); //Student继承Person并给job重新赋值
	
	
var _teacher = new Ext.dojochina.Teacher({name:"张三",sex:"男"});
_teacher.print();

var _student = new Ext.dojochina.Student({name:"王五",sex:"女"});
_student.print();

Ext.namespace("Ext.dojochina");
Ext.dojochina.Person = function(_cfg){
	Ext.apply(this,_cfg);
}

Ext.apply(Ext.dojochina.Person.prototype,{
		print:function(){
			alert(String.format("姓名：{0},性别:{1}",this.name,this.sex));
		}
	});
	
	
Ext.dojochina.Teacher = function(_cfg){
	Ext.apply(this,_cfg);
}
Ext.extend(Ext.dojochina.Teacher,Ext.dojochina.Person,{
	print:function(){
		alert(String.format("{0}是一位{1}老师",this.name,this.sex));
	}
}); //Teacher继承Person并重写print方法

var _teacher = new Ext.dojochina.Teacher({name:"张三",sex:"男"});
_teacher.print();

Ext.namespace("Ext.dojochina");
Ext.dojochina.Person = function(){
	this.addEvents(
		"namechange",
		"sexchange"
	);
}

Ext.extend(Ext.dojochina.Person,Ext.util.Observable,{
		name:"",
		sex:"",
		setName:function(_name){
			if(this.name != _name){
				this.fireEvent("namechange",this,this.name,_name);
				this.name = _name;
			}
		},
		setSex:function(_sex){
			if(this.sex != _sex){
				this.fireEvent("sexchange",this,this.sex,_sex);
				this.sex = _sex;
			}
		}
	});

	
var _person = new Ext.dojochina.Person();

_person.on("namechange",function(_person,_old,_new){
	alert("old name:"+_old+" new name:"+_new);
});

_person.on("sexchange",function(_person,_old,_new){
	alert("old sex:"+_old+" new sex:"+_new);
});

_person.on("namechange",function(_person,_old,_new){
	alert("old name2:"+_old+" new name2:"+_new);
});

_person.setName("张三");
_person.setSex("男");

	<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
	
	<script type="text/javascript" src="ext/ext-base.js"></script>
	<script type="text/javascript" src="ext/ext-all.js"></script>
	<script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>