(Ext基础篇) Ext核心组件
来源:互联网 发布:初中女生内衣淘宝 编辑:程序博客网 时间:2024/06/05 20:21
Ext.Componet
概述:所有Ext组件的基类。 所有Componet的子类都自动地参与标准的Ext组件生命周期:创建、渲染、销毁,这些操作 由Container 类提供。 在创建容器时,组件可以通过items 配置选项被添加到容器中, 或者,可以通过add方法动态地 添加。
Component基类对基本的hide/show和enable/disable行为提供了内建的支持。
所有组件都注册到了 Ext.ComponentMgr 类,所以它们可以在任何时刻通过传递id 使用 Ext.getCmp 方法获得引用.
组件大致分为三类:基本组件、工具栏组件和表单组件
xtype 类 Class ------------- ------------------ box Ext.BoxComponent button Ext.Button colorpalette Ext.ColorPalette component Ext.Component container Ext.Container cycle Ext.CycleButton dataview Ext.DataView datepicker Ext.DatePicker editor Ext.Editor editorgrid Ext.grid.EditorGridPanel grid Ext.grid.GridPanel paging Ext.PagingToolbar panel Ext.Panel progress Ext.ProgressBar splitbutton Ext.SplitButton tabpanel Ext.TabPanel treepanel Ext.tree.TreePanel viewport Ext.ViewPort window Ext.Window 工具条组件 Toolbar components --------------------------------------- toolbar Ext.Toolbar tbbutton Ext.Toolbar.Button(已废弃,用button代替) tbfill Ext.Toolbar.Fill tbitem Ext.Toolbar.Item tbseparator Ext.Toolbar.Separator tbspacer Ext.Toolbar.Spacer tbsplit Ext.Toolbar.SplitButton(已废弃,用splitbutton代替) tbtext Ext.Toolbar.TextItem 表单组件 Form components --------------------------------------- form Ext.FormPanel checkbox Ext.form.Checkbox combo Ext.form.ComboBox datefield Ext.form.DateField field Ext.form.Field fieldset Ext.form.FieldSet hidden Ext.form.Hidden htmleditor Ext.form.HtmlEditor label Ext.form.Label numberfield Ext.form.NumberField radio Ext.form.Radio textarea Ext.form.TextArea textfield Ext.form.TextField timefield Ext.form.TimeField trigger Ext.form.TriggerField 图表组件 Chart components --------------------------------------- chart Ext.chart.Chart barchart Ext.chart.BarChart cartesianchart Ext.chart.CartesianChart columnchart Ext.chart.ColumnChart linechart Ext.chart.LineChart piechart Ext.chart.PieChart Store对象 Store xtypes --------------------------------------- arraystore Ext.data.ArrayStore directstore Ext.data.DirectStore groupingstore Ext.data.GroupingStore jsonstore Ext.data.JsonStore simplestore Ext.data.SimpleStore (已废弃,用arraystore代替) store Ext.data.Store xmlstore Ext.data.XmlStore
Ext.BoxComponent
Ext.Component组件也是一个比较重要的基础类,它继承自Ext.Component并实现了定位和控制自身大小的功能。
可以使用pageX、pageY、X、Y为Ext.Component指定具体坐标,也可以使用width和height为Ext.Component指定长度和宽度,或者使用autoHeight和autoWidth让Ext.Compnent根据内容自动调整长度和宽度。
Ext.Container
Ext.Container继承自Ext.BoxComponent,提供了两个重要参数layout 和items,layout指定组件使用何种布局,items包含当前组件中的所有组件。
Ext.Panel
Ext.Panel是Ext中经常用到的一个组件,它继承自Ext.Container。与上面的那些组件不同的是,ExtPanel无需继承就可以直接使用。我们可以使用tilte参数,定义它显示的标题、使用tbar、bbar设置上下位置工具条、使用collapsefirst、collapsed、collapsedCls和collapsible设置与面板折叠相关的配置,还可以使用floating和shadow设置浮动阴影效果。
Ext.TabPanel
Ext.TabPanel实际上是多个不同内容的容器,任意组件直接使用add()函数便可添加到Ext.TabPanel中。如果不指定xtype,就会默认使用Ext.Panel为这些内容生产子面板,使用colsable属性:是否显示关闭按钮、调用active()方法表示选择哪个面板
- (Ext基础篇) Ext核心组件
- Ext基础核心类解析
- Ext Js 搭建及核心组件介绍(一)
- extjs学习(三)--ext核心组件使用
- 二章 Ext 框架基础及核心 (2)
- Ext框架基础及核心简介
- (Ext基础篇) Ext表格控件
- (Ext 基础篇) 布局
- Ext 核心 API -- Ext.getCmp
- [转载]EXT核心API详解Ext.widgets(十四)
- EXT JS点滴(2)EXT JS核心分析
- EXT基础
- Ext 基础
- EXT基础
- EXT基础
- Ext基础
- Ext基础
- Ext基础
- 自己动手写类似酷狗播放器(4)_系统托盘的显示
- uva 502 DEL command(字符串处理)
- javascript 数据类型转换
- 负载均衡实战记录
- 源码研读-mina多线程模型
- (Ext基础篇) Ext核心组件
- [Cocoa]多线程 NSThread
- [leetcode] Jump Game
- linux mmap 详解
- 技术人员谈管理之项目群的核心特征
- iOS页面传值(代理,属性,单例)-传值
- 如何在真机上调试Android应用程序(图文详解)
- 整理心情——生活资源
- 杭电 2007