Extjs学习

1.什么是Extjs

　　Extjs是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的应用程序界面。Extjs可以用来开发RIA也即富客户端的AJAX应用。因此，可以把Extjs用在.Net，Java，Php等各种开发语言开发应用中。

　　Extjs最开始是基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可以算一款不可多得的JavaScript客户端技术精品。

　　Ext的UI组件模型和开发理念脱胎，成型与Yahoo组件库YUI和Jave平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。相对来说，Ext要比开发者直接针对DOM,W3C对象模型开发UI组件轻松。

2.Extjs简单实例

　　1.先创建Web项目，以及html文件，将Extjs引入到html中

　　2.创建一个简单的弹窗实例

　　　　效果图如下：

　　3.创建面板

　　效果图如下：

　　4.创建TabPanel

　　效果图如下：

　　5.给Panel添加子项

　　效果图如下：

　　6.面板分区

　　实例图如下：

　　7.容器组件列布局

　　实例图如下：

　　8.容器组件Table布局

　　实例图如下：

　　9.容器组件border布局

　　实例图如下：

　　10.表格控件

　　实例图如下：

　　11.列表组件

 

　　实例图如下：