Extjs 学习之记录

视频地址： http://v.youku.com/v_show/id_XMTA4NzIxNTc2.html

2013-08-23 20:48:11

1、Viewport

Ext.container.Viewport代表浏览器窗口的整个区域，将document body作为渲染对象，它会根据浏览器窗口的大小自动调整自身的尺寸，在一个页面中只允许出现一个Viewport实例。此外它没有提供对滚动条的支持，如果需要使用滚动条需要在其子面板中进行设置。

2013-08-23 23:48:17

2、//命名空间

Ext.namespace('Ext.test');

//Person类

Ext.test.Person = function() {
};

//Person的静态方法 在页面使用Ext.test.Person.printt()即可调用
Ext.test.Person.printt=function(){
var temp=new Ext.test.Person();
alert(temp.name);
};

//Ext.apply 是将后面的json对象赋值给Person的相应属性

Ext.apply(Ext.test.Person.prototype,{

name:"xx",
printt:function(){  //该方法必须实例化Person后才可调用：即new Ext.test.Person().printt();
alert(this.name);
}
}); 

中的Ext.test.Person.prototype写成了Ext.test.Person.propertype 要命啊，找了一晚上！

3、类继承

2013-08-24 00:09:24

首先要定义一个类（命名空间+类名）假如还是Ext.test下的另一个 Person1

Ext.test.Person1 = function() {
};

然后使用Ext.extend(Ext.test.Person1,Ext.test.Person,{name:"ff"});使Person1继承Person，且对name重新赋值，

调用new Ext.test.Person1().printt(); 即可运行

4、命名空间的别名  2013-08-24 00:33:14

在声明Ext.namespace('Ext.test');后

使用别名代替，那么后面用到命名空间的地方就可以用命名空间别名代替：

Dc=Ext.test;//注意没有引号

规则 首字母必须大写，后面的字母小写

类别名规则：全部大写 如 PS=Dc.Person;或者  PS=Ext.test.Person; 这个必须写在 定义了Person下面，不然就不起作用即先有类再有别名

5、renderTo : Ext.getBody();   2013-08-24 10:57:04

eg: var but=new Ext.Button({

name:"test",

renderTo : Ext.getBody()

});   是创建一个名称为test的按钮，并将生成的but对象放置到通过Ext.getBody() 获得的document的body中，因为通过 new Ext.Button获得的不是html元素，要通过renderTo将其转换为html元素

listeners