`
samwong
  • 浏览: 286964 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

sencha touch 2 常用组件

 
阅读更多
本组件:
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 demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的组件,用于展示数据集合。 1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,...

    sencha touch在VScode上的插件

    3. **模板和snippet**:预设Sencha Touch常用代码片段,快速构建组件。 4. **调试支持**:可能包含Sencha Touch应用的调试工具,帮助开发者定位和解决问题。 5. **构建集成**:与Sencha Cmd或Webpack等构建工具集成...

    ExtJS和Sencha touch可用到的倒计时插件

    在Sencha Touch中,由于其专注于移动设备的开发,倒计时组件可能更加注重性能和响应式设计。例如,`Sencha Touch Countdown`插件可能会提供触屏友好的界面和灵活的布局适应不同屏幕尺寸。同样,它允许开发者设定结束...

    个人电子书-《移动互联网技术开发内幕》

    - **Ext组件**:详细介绍了Sencha Touch中Ext组件库的使用方法,包括基本组件的使用、自定义组件以及组件间的交互机制。 - **Sencha Touch主题定制**:讲解了如何使用Sencha Touch提供的工具来进行主题定制,使应用...

    Build mobile web applications with Sencha.pdf

    我们可以使用Sencha Touch的组件来设计UI,并使用AJAX请求从外部API获取天气数据。通过数据绑定,我们可以让应用根据接收到的数据自动更新UI。 #### 高级功能 Sencha Touch还提供了一系列高级功能,如触摸手势支持...

    电信设备-一种基于Sencha+Touch的移动办公应用的预加载优化方法.zip

    首先,Sencha Touch提供了一套完整的UI组件库,包括表格、按钮、表单、图表等,使得开发者能够快速构建具有专业外观和交互功能的应用。该框架支持HTML5,可以运行在iOS、Android、BlackBerry等主流移动操作系统上,...

    Sencha2.0实例源码

    这个"Sencha2.0实例源码"显然是一个基于Sencha Touch 2.0的项目,采用MVC(Model-View-Controller)设计模式进行开发,这种模式是软件工程中常用的一种架构模式,有助于提高代码的组织性和可维护性。 在MVC模式中:...

    SenchaCmd-6.5.3-win64.zip

    7. **常用命令**:在"常用命令.txt"文件中,可能包含了开发者在使用Sencha Cmd时最常使用的命令和其用法,例如初始化项目、构建、更新类等,是快速上手的参考指南。 8. **更新与维护**:`sencha upgrade`命令可以...

    sencha touch 模仿tabpanel导航栏TabBar的实例代码

    在Sencha Touch中,`tabpanel`是一个常用的组件,用于展示多个视图,并通过标签页的形式进行切换。而`TabBar`则是位于`tabpanel`底部的导航栏,通常用来展示和切换不同的标签页。 在这个实例中,我们看到一个自定义...

    dataview组件

    【dataview组件】在Sencha Touch 2框架中是一个重要的组件,用于展示大量数据集,通常用于列表或网格形式的展示。它结合了数据存储(`Ext.data.Store`)和模板(`Ext.XTemplate`),能高效地渲染数据到视图上。以下...

    Android开发实战中常用安卓开发框架.docx

    通过使用Sencha Touch 2,开发者可以在Web上创建功能齐全的应用,同时享受与原生应用相似的交互效果。 3. **Appcelerator Titanium**:Appcelerator Titanium是一个开源的跨平台移动应用开发框架,它允许开发者使用...

    js框架比较

    除了上述框架,还有Kissy、ComoJS、JET、JavaScriptMVC、Qooxdoo、SproutCore、SenchaTouch、IUI等,它们各自在特定领域有着独特的贡献和优势。 #### 三、框架的分类 根据功能和应用场景,可以将JavaScript框架...

    html5webpdf

    第9章介绍了重量级富框架SENCHA TOUCH,这是一款专为触摸屏设备设计的JavaScript框架,能够提供更为丰富和流畅的用户体验。跨平台开发工具PHONEGAP在第10章中被提及,它允许开发者使用HTML、CSS和JavaScript来构建...

Global site tag (gtag.js) - Google Analytics