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.列表组件

  实例图如下:

原文地址:https://www.cnblogs.com/wuyx/p/6519841.html