xuan的空间

我们一直在努力....

ExtJS专题(二):ExtJS类库和组件介绍

标签: ExtJS ExtJS类库 ExtJS组件

在上一篇ExtJS专题(一):如何应用ExtJS(附实例)中写了一个最简单的ExtJS应用,但是这远远达不到要求,那我们就需要了解一下ExtJS类库和组件了。

ExtJS是由一系列的类库组成,一旦页面成功加载了ExtJS库后,我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能。

ExtJS的类库由以下几部分组成:
底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js、Element.js等文件,如图xx所示。

   控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目录中,包含如图xx所示。

  实用工具Utils:Ext提供了很多的实用工具,可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能,如图所示:

下面来介绍一下ExtJS组件。

Ext2.0对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件,Ext组件是由 Component类定义,每一种组件都有一个指定的xtype属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。
ExtJS中的组件体系由下图所示:

 

组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。
基本组件有:

ExtJS类库和组件介绍就到这里了,在一篇文章中将主要介绍ExtJS组件的使用,希望大家关注我的博客!

附件:



    分享: 收藏到CSDN 收藏到javaeye 收藏到博客园 收藏&分享
  • 浏览 (1887)
  • 评论 (0)
  • 发表于 2009-09-22 11:12
  • ExtJS专题
    评分: 请先登录再投票,同一篇博客一月只能投票一次!
    1人投票,平均4.00分

相关博客:


评论


发表评论

验证码:
关注此文的人们还关注