1.Ext.onReady

说明：onReady内的语句块会在页面上下文加载后再执行

例子：

<

html

>

<

head

>

<

title

>Index

</

title

>

<

link 

href

="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css"

rel

="stylesheet"

type

="text/css"

/>

<

script 

src

="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all-dev.js"

type

="text/javascript"

></

script

>

<

script 

src

="http://www.cnblogs.com/Scripts/App/Data/books.js"

type

="text/javascript"

></

script

>

<

script 

type

="text/javascript"

>

Ext.onReady(

function

() {

//

获取页面元素，元素ID为“onReady”

var

input 

=

Ext.get(

"

onReady

"

); Ext.Msg.alert(

"

隐藏控件内容

"

,input.dom.value);  });

</

script

>

</

head

>

<

body

>

<

div 

id

="Ext4-Panel"

>

<

input 

type

="hidden"

value

="页面已经加载"

id 

= "onReady"

/>

</

div

>

</

body

>

</

html

>

执行结果：

如果代码段没有放入Ext.onReady中，会报错：

 

2.Ext.define

说明：创建类，可以继承其他类，也可以被继承

例子1：

<

script 

type

="text/javascript"

>

Ext.onReady(

function

() {

//

创建一个类，类名：TextClass，具有两个属性：A、B

Ext.define(

'

TextClass

'

, { A: 

'

a

'

, B: 

'

b

'

});

//

实例化类

var

textClass 

=

new

TextClass();

//

输出属性名

Ext.Msg.alert(

'

类属性

'

, textClass.A 

+

"

"

+

textClass.B); });

</

script

>

执行结果：

例子2：

<

script 

type

="text/javascript"

>

Ext.onReady(

function

() {

//

创建一个类，类名：TextClass，具有两个属性：A、B

Ext.define(

'

TextClass

'

, { A: 

'

a

'

, B: 

'

b

'

});

//

创建一个类，继承TextClass

Ext.define(

"

TextClass2

"

, { extend: 

'

TextClass

'

,

//

继承TextClass

C: 

'

c

'

//

TextClass2特有的属性

})

var

textClass2 

=

new

TextClass2(); Ext.Msg.alert(

"

TextClass2属性

"

,textClass2.A

+

"

"

+

textClass2.B

+

"

"

+

textClass2.C) });

</

script

>

执行结果：

 

3.Ext.create

说明：实例化类，在EXTJS4中建议用create方法实例化类

<

script 

type

="text/javascript"

>

Ext.onReady(

function

() {

//

创建一个类，类名：TextClass，具有两个属性：A、B

Ext.define(

'

TextClass

'

, { A: 

'

a

'

, B: 

'

b

'

});

var

textClass 

=

Ext.create(

"

TextClass

"

)

Ext.Msg.alert(

'

textClass属性

'

, textClass.A 

+

'

'

+

textClass.B ) });

</

script

>

执行结果：