extjs入门 - 图文

Extjs入门 本教程的制作是基于我仍零开始学习ExtJs到正式在项目中应用的整个学习过程和方法，其中肯定会有许多不足之处，还请大家多多批评指正。

很多书籍和网上的教程大多是仍API与ExtJs的机制开始讲解的。而在我的学习过程中发现，没有接触过ExtJs或对javascript了解很少的同事，在看到前面几章的时候，感觉到很茫然（本人也系菜鸟），所以对此深有感触。针对此问题，我的学习方法如下：

1.仍ExtJs的视图开始学习。

如：窗体，表单，树等等。先搞些所见即所得的东西，用ExtJs写出来的东西就

是很炫，把自己学习的兴趣调动起来，在此期间要学会怎么调试js。 2.学习使用API。

学会怎么查询及使用大牛提供的接口解决常见的问题(一般我们用到的效果，大牛们在做框架的时候都有想到)。

3.把ExtJs的前端可视化的组件与后台连接，进行交互。

我们在做各类系统的时候都要跟数据库打交道，在这个阶段主要把各个组件与数据库的交互写清楚。 4.原理性的东西。

如：ExtJs的继承机制，事件等等。 5.开发实例。

Extjs仍helloword开始

效果图:

ExtJs 入门教程三[窗体：Window组件]

1

html

PUBLIC

\

XHTML

1.0

Transitional//EN\

\ 2

4

5

6 26 27 28 41 42

2.效果如下：

3.window 组件常用的：属性、方法及事件

一、属性

plain：布尔类型，true表示强制与背景色保持协调，默认值为false。

resizable：布尔类型，用户是否可以调整窗体大小，默认值为true表示可以调整大小。 maxinizable：布尔类型，true表示显示最大化按钮，默认值为false。

maximized：布尔类型，true表示显示窗体时将窗体最大化，默认值为false。 closable：布尔类型，true表示显示关闭按钮，默认值为true。 bodyStyle：与边框的间距，如：bodyStyle:\。

buttonAlign：窗体中button的对齐方式(left、center、right)，默认值为right。 closeAction：\释放窗体所占内存，\隐藏窗体，建议使用\。 二、方法

show：打开窗体。 hide：隐藏窗体。 close：关闭窗体。 三、事件

show：打开窗体时触法。 hide：隐藏窗体时触法。 close：关闭窗体时触法。