本组件:
|
xtype |
Class |
描述 |
button |
Ext.Button |
按钮 |
splitbutton |
Ext.SplitButton |
带下拉菜单的按钮 |
cycle |
Ext.CycleButton |
带下拉选项菜单的按钮 |
buttongroup |
Ext.ButtonGroup |
编组按钮(Since 3.0) |
slider |
Ext.Slider |
滑动条 |
progress |
Ext.ProgressBar |
进度条 |
statusbar |
Ext.StatusBar |
状态条,2.2加进来,3.0 又去了 |
colorpalette |
Ext.ColorPalette |
调色板 |
datepicker |
Ext.DatePicker |
日期选择面板 |
|
容器及数据类组件 |
xtype |
Class |
描述 |
window |
Ext.Window |
窗口 |
viewport |
Ext.ViewPort |
视口,即浏览器的视口,能随之伸缩 |
box |
Ext.BoxComponent |
盒子组件,相当于一个 <div> |
component |
Ext.Component |
组件 |
container |
Ext.Container |
容器 |
panel |
Ext.Panel |
面板 |
tabpanel |
Ext.TabPanel |
选项面板 |
treepanel |
Ext.tree.TreePanel |
树型面板 |
flash |
Ext.FlashComponent |
显示 Flash 的组件(Since 3.0) |
grid |
Ext.grid.GridPanel |
表格 |
editorgrid |
Ext.grid.EditorGridPanel |
可编辑的表格 |
propertygrid |
Ext.grid.PropertyGrid |
属性表格 |
editor |
Ext.Editor |
编辑器 |
dataview |
Ext.DataView |
数据显示视图 |
listview |
Ext.ListView |
列表视图 |
|
工具栏组件: |
xtype |
Class |
描述 |
paging |
Ext.PagingToolbar |
分页工具条 |
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 |
工具栏文本项 |
|
菜单组件: |
xtype |
Class |
描述 |
menu |
Ext.menu.Menu |
菜单 |
colormenu |
Ext.menu.ColorMenu |
颜色选择菜单 |
datemenu |
Ext.menu.DateMenu |
日期选择菜单 |
menubaseitem |
BaseItem |
|
menucheckitem |
Ext.menu.CheckItem |
选项菜单项 |
menuitem |
Ext.menu.Item |
|
menuseparator |
Ext.menu.Separator |
菜单分隔线 |
menutextitem |
Ext.menu.TextItem |
文本菜单项 |
|
表单及表单域组件: |
xtype |
Class |
描述 |
form |
Ext.FormPanel/Ext.form.FormPanel |
表单面板 |
checkbox |
Ext.form.Checkbox |
多选框 |
combo |
Ext.form.ComboBox |
下拉框 |
datefield |
Ext.form.DateField |
日期选择项 |
timefield |
Ext.form.TimeField |
时间录入项 |
field |
Ext.form.Field |
表单字段 |
fieldset |
Ext.form.FieldSet |
表单字段组 |
hidden |
Ext.form.Hidden |
表单隐藏域 |
htmleditor |
Ext.form.HtmlEditor |
HTML 编辑器 |
label |
Ext.form.Label |
标签 |
numberfield |
Ext.form.NumberField |
数字编辑器 |
radio |
Ext.form.Radio |
单选按钮 |
textarea |
Ext.form.TextArea |
多行文本框 |
textfield |
Ext.form.TextField |
表单文本框 |
trigger |
Ext.form.TriggerField |
触发录入项 |
checkboxgroup |
Ext.form.CheckboxGroup |
编组的多选框(Since 2.2) |
displayfield |
Ext.form.DisplayField |
仅显示,不校验/不被提交的文本框 |
radiogroup |
Ext.form.RadioGroup |
编组的单选按钮(Since 2.2) |
|
图表组件: |
xtype |
Class |
描述 |
chart |
Ext.chart.Chart |
图表组件 |
barchart |
Ext.chart.BarChart |
柱状图 |
cartsianchart |
Ext.chart.CartesianChart |
|
columnchart |
Ext.chart.ColumnChart |
|
linechart |
Ext.chart.LineChart |
连线图 |
piechart |
Ext.chart.PieChart |
扇形图 |
|
数据集 Store: |
xtype |
Class |
描述 |
arraystore |
Ext.data.ArrayStore |
|
directstore |
Ext.data.DirectStore |
|
groupingstore |
Ext.data.GroupingStore |
|
jsonstore |
Ext.data.JsonStore |
|
simplestore |
Ext.data.SimpleStore |
|
store |
Ext.data.Store |
|
xmlstore |
Ext.data.XmlStore |
xtype Class
----------------- ---------------------
actionsheet Ext.ActionSheet
audio Ext.Audio
button Ext.Button
component Ext.Component
container Ext.Container
image Ext.Img
label Ext.Label
loadmask Ext.LoadMask
map Ext.Map
mask Ext.Mask
media Ext.Media
panel Ext.Panel
segmentedbutton Ext.SegmentedButton
sheet Ext.Sheet
spacer Ext.Spacer
title Ext.Title
titlebar Ext.TitleBar
toolbar Ext.Toolbar
video Ext.Video
carousel Ext.carousel.Carousel
carouselindicator Ext.carousel.Indicator
navigationview Ext.navigation.View
datepicker Ext.picker.Date
picker Ext.picker.Picker
pickerslot Ext.picker.Slot
slider Ext.slider.Slider
thumb Ext.slider.Thumb
tabbar Ext.tab.Bar
tabpanel Ext.tab.Panel
tab Ext.tab.Tab
viewport Ext.viewport.Default
DataView Components
---------------------------------------------
dataview Ext.dataview.DataView
list Ext.dataview.List
listitemheader Ext.dataview.ListItemHeader
nestedlist Ext.dataview.NestedList
dataitem Ext.dataview.component.DataItem
Form Components
---------------------------------------------
checkboxfield Ext.field.Checkbox
datepickerfield Ext.field.DatePicker
emailfield Ext.field.Email
field Ext.field.Field
hiddenfield Ext.field.Hidden
input Ext.field.Input
numberfield Ext.field.Number
passwordfield Ext.field.Password
radiofield Ext.field.Radio
searchfield Ext.field.Search
selectfield Ext.field.Select
sliderfield Ext.field.Slider
spinnerfield Ext.field.Spinner
textfield Ext.field.Text
textareafield Ext.field.TextArea
textareainput Ext.field.TextAreaInput
togglefield Ext.field.Toggle
urlfield Ext.field.Url
fieldset Ext.form.FieldSet
formpanel Ext.form.Panel
分享到:
相关推荐
在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的组件,用于展示数据集合。 1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,...
3. **模板和snippet**:预设Sencha Touch常用代码片段,快速构建组件。 4. **调试支持**:可能包含Sencha Touch应用的调试工具,帮助开发者定位和解决问题。 5. **构建集成**:与Sencha Cmd或Webpack等构建工具集成...
在Sencha Touch中,由于其专注于移动设备的开发,倒计时组件可能更加注重性能和响应式设计。例如,`Sencha Touch Countdown`插件可能会提供触屏友好的界面和灵活的布局适应不同屏幕尺寸。同样,它允许开发者设定结束...
- **Ext组件**:详细介绍了Sencha Touch中Ext组件库的使用方法,包括基本组件的使用、自定义组件以及组件间的交互机制。 - **Sencha Touch主题定制**:讲解了如何使用Sencha Touch提供的工具来进行主题定制,使应用...
我们可以使用Sencha Touch的组件来设计UI,并使用AJAX请求从外部API获取天气数据。通过数据绑定,我们可以让应用根据接收到的数据自动更新UI。 #### 高级功能 Sencha Touch还提供了一系列高级功能,如触摸手势支持...
首先,Sencha Touch提供了一套完整的UI组件库,包括表格、按钮、表单、图表等,使得开发者能够快速构建具有专业外观和交互功能的应用。该框架支持HTML5,可以运行在iOS、Android、BlackBerry等主流移动操作系统上,...
这个"Sencha2.0实例源码"显然是一个基于Sencha Touch 2.0的项目,采用MVC(Model-View-Controller)设计模式进行开发,这种模式是软件工程中常用的一种架构模式,有助于提高代码的组织性和可维护性。 在MVC模式中:...
7. **常用命令**:在"常用命令.txt"文件中,可能包含了开发者在使用Sencha Cmd时最常使用的命令和其用法,例如初始化项目、构建、更新类等,是快速上手的参考指南。 8. **更新与维护**:`sencha upgrade`命令可以...
在Sencha Touch中,`tabpanel`是一个常用的组件,用于展示多个视图,并通过标签页的形式进行切换。而`TabBar`则是位于`tabpanel`底部的导航栏,通常用来展示和切换不同的标签页。 在这个实例中,我们看到一个自定义...
【dataview组件】在Sencha Touch 2框架中是一个重要的组件,用于展示大量数据集,通常用于列表或网格形式的展示。它结合了数据存储(`Ext.data.Store`)和模板(`Ext.XTemplate`),能高效地渲染数据到视图上。以下...
通过使用Sencha Touch 2,开发者可以在Web上创建功能齐全的应用,同时享受与原生应用相似的交互效果。 3. **Appcelerator Titanium**:Appcelerator Titanium是一个开源的跨平台移动应用开发框架,它允许开发者使用...
除了上述框架,还有Kissy、ComoJS、JET、JavaScriptMVC、Qooxdoo、SproutCore、SenchaTouch、IUI等,它们各自在特定领域有着独特的贡献和优势。 #### 三、框架的分类 根据功能和应用场景,可以将JavaScript框架...
第9章介绍了重量级富框架SENCHA TOUCH,这是一款专为触摸屏设备设计的JavaScript框架,能够提供更为丰富和流畅的用户体验。跨平台开发工具PHONEGAP在第10章中被提及,它允许开发者使用HTML、CSS和JavaScript来构建...