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.列表组件
实例图如下: