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中Extjs学习

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

Extjs学习

    效果图如下:

Extjs学习

  3.创建面板

Extjs学习

  效果图如下:

Extjs学习

  4.创建TabPanel

Extjs学习

  效果图如下:

Extjs学习

  5.给Panel添加子项

Extjs学习

  效果图如下:

Extjs学习

  6.面板分区

Extjs学习

  实例图如下:

Extjs学习

  7.容器组件列布局

Extjs学习

  实例图如下:

Extjs学习

  8.容器组件Table布局

Extjs学习

  实例图如下:

Extjs学习

  9.容器组件border布局

Extjs学习

  实例图如下:

Extjs学习

  10.表格控件

Extjs学习

  实例图如下:

Extjs学习

  11.列表组件

Extjs学习

 

  实例图如下:

Extjs学习

 

相关文章:

  • 2022-12-23
  • 2021-12-18
  • 2022-01-22
  • 2021-09-12
  • 2021-05-25
  • 2022-01-15
  • 2021-06-30
  • 2022-12-23
猜你喜欢
  • 2021-07-17
  • 2021-06-20
  • 2021-09-12
  • 2022-12-23
  • 2021-11-15
  • 2022-12-23
相关资源
相似解决方案