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后台 java poi 读取excel数据到数据库中

extJs的前台部分: 1.定义导出按钮: this.returnJnlImportBtn1 = new Ext.Button({ text : "账户调整前导入", id : "...
  • u010649589
  • u010649589
  • 2016年02月29日 10:15
  • 1318

ExtJs开发教程_001_Ext.data.Store使用方法详解

xt.data.Store 用法介绍 这个组件继承自Ext.data.AbstractStore  本篇讲解了如何构造并且做一些基本使用,如果有什么疑问可以联系我QQ1330771552 下面是...
  • eclipse_wss
  • eclipse_wss
  • 2016年08月12日 10:07
  • 2187

ExtJS教程(5)---Ext.data.Model之高级应用

Ext.data.Model的一些高级应用
  • jaune161
  • jaune161
  • 2014年07月06日 23:28
  • 17989

ExtJs顯示类库

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

CFile类库完全解析

  • 2008年03月24日 13:33
  • 27KB
  • 下载

Java_NIO类库Selector机制解析.doc

  • 2011年07月18日 22:54
  • 378KB
  • 下载

JEP 可用于解析字符串数学表达式的类库 最新完整版(含jar)

  • 2010年10月22日 16:33
  • 1.75MB
  • 下载

java-json解析-类库

  • 2014年10月17日 15:37
  • 176KB
  • 下载

java-pull-xml解析-类库

  • 2014年10月17日 15:10
  • 86KB
  • 下载

WEBSerVice客户端AXIS解析JAVA类库.以及客户代码生成BAT文件

  • 2011年04月18日 10:39
  • 1.95MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EXTJS类库解析
举报原因:
原因补充:

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