EXTJS类库解析

转载 2012年03月23日 15:36:20

Ext   JS 强大的类库

Ext JS是由一系列的JS类库组成,页面成功加载JS类库后,可以通过JavaScript来调用,ExtJS类和控件来实现需要的功能

ExtJs类库组成:

底层APIcore

API中提供了对dom操作,查询的封装,事件处理,DOM查询器等操作,

其它控件都是建立在coreAPI的基础上,如DomHelper.js,Element.js

控件:widgets

控件是指可以直接在页面上创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等,

widgets目录下包含了所有的UI组件,为了实现可视化用户交互

适用工具Utils:

工具包,为了我们方便实现数据格式化,JSON数据解码或反解码、对DateArray、发送Ajax请求、Cookie管理、CSS管理等扩展等功能。是一个强大的工具包

重点可视化组件ext.component  该类是所有组件的父类

每一个组件有一个XType属性值,通过该属性值可以得到一个组件类型或者定义一个指定组件类型

组件分为三大类:基本组件,工具栏组件,表单及元素组件

基本组件:

xType                       class

   box Ext.BoxComponent 具有边框属性的组件

button Ext.Button 按钮

colorplatte Ext.ColorPlatte    调色板

component Ext.Component 组件

cycle Ext.CycleButton 清空按钮

dataview Ext.Dataview 数据显示视图

datePicker Ext.DatePicker 日期选择面板

editor Ext.Editor 编辑器

editorgrid Ext.EditorGridPanel 可编辑表格

grid Ext.grid.GridPanel 表格

paging Ext.PagingToolbar工具栏中的间隔

panel Ext.panel     面 板

progress Ext.Progressbar 进度条

splitButton Ext.SplitButton 可分割的按钮

tabPanel Ext.TabPanel 选项面板

treepanel Ext.tree.TreePanel 树

viewpost Ext.ViewPost 视图

window Ext.Window 窗口

工具栏组件:

Toolbar Ext.Toolbar    工具栏

Tbbutton Ext.Toolbar.Button 按钮

Tbfill Ext.Toolbar.Fill 文件

Tbitem Ext.Toolbar.Item 工具条项目

Tbseparator Ext.Toolbar.Separator 工具栏分隔符

Tbspacer Ext.Toolbar.Spacer 工具栏空白

Tbsplit Ext.Toolbar.SplitButton 工具栏分割按钮

Tbtext  Ext.Toolbar.TextItem 工具栏文本项

表单和元素组件:

Form Ext.FormPanel Form面板

Checkbox Ext.form.Checkbox    录入框

Combo Ext.form.ComboBox combo选项框

Datefield Ext.form.DateField 日期选择项

field Ext.form.Field 表单字段

filedset    Ext.form.FieldSet  表单字段组

hidden Ext.form.Hidden 表单隐藏域

htmleditor Ext.form.HtmlEditor html编辑器

numberfield Ext.form.NumberField 数字编辑器

radio Ext.form.Radio 单选按钮

textarea Ext.form.TextArea 区域文本框

textfield Ext.form.TextField 表单文本可可

timefield Ext.form.TimeField 时间录入项

trigger Ext.form.Trigger 触发录入项

相关文章推荐

ExtJs顯示类库

  • 2013年04月15日 20:50
  • 28.8MB
  • 下载

JSON解析类库之Gson(3) --- Gson注解

Gson注解给我们的使用带来很多方便,特别是Java实体类字段与获得的JSON字符串的字段不一一对应时,注解发挥巨大作用,同时也简化了代码的开发。 @SerializedName 注解(JSON字段重...

非常好用的一个Html解析的java类库 Jsoup

http://www.open-open.com/jsoup/parsing-a-document.htm 解析和遍历一个HTML文档 如何解析一个HTML文档: String ht...

无法解析导入Java类库中的包的方法

当我们在Eclipse中导入新项目时,可能会出现许多错误,如果出现Java系统类库的包无法导入和解析的情况的话,那一定是由于JRE系统库的配置出现了问题,只需要对项目的系统库进行重新配置即可:在项目上...

iOS平台XML解析类库对比和安装说明

转载自 宝玉的blog  原文地址http://www.cnblogs.com/dotey/archive/2011/05/11/2042000.html 在iPhone开发中,XML的解...
  • xunyn
  • xunyn
  • 2012年09月25日 08:41
  • 1632

Java NIO类库Selector机制解析

from:http://haoel.blog.51cto.com/313033/124582 一、 前言 自从j2se 1.4版本以来,jdk发布了全新的i/o类库,简称nio,其不但引入了全新的...

Android类库常用类型解析

Android 是由谷歌公司推出的一款基于Linux平台的开源手机操作系统平台。在这一新推出的Android操作系统中,有很多比较新的知识值得我们编程人员去深入的研究。比如Android类库的使用技巧...

PanoramaGL library类库详细解析

简介 PanoramaGL library is the first open source library in the world to see panoramic views on t...

iOS平台XML解析类库对比和安装说明

iOS平台XML解析类库对比和安装说明 在iPhone开发中,XML的解析有很多选择,iOS SDK提供了NSXMLParser和libxml2两个类库,另外还有很多第三方类库可选,例如TB...
  • xdonx
  • xdonx
  • 2011年11月25日 14:34
  • 318

iOS平台XML解析类库对比和安装说明

iOS平台XML解析类库对比和安装说明 在iPhone开发中,XML的解析有很多选择,iOS SDK提供了NSXMLParser和libxml2两个类库,另外还有很多第三方类库可选,例如TB...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EXTJS类库解析
举报原因:
原因补充:

(最多只允许输入30个字)