Sencha Touch 2的有效xtype

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                Ext.dataview.DataView

list                    Ext.dataview.List

listitemheader          Ext.dataview.ListItemHeader

nestedlist              Ext.dataview.NestedList

dataitem                Ext.dataview.component.DataItem

表单组件

---------------------------------------------

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 xtype对应的class的更多相关文章

  1. sencha touch xtype

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 跟我一起玩转Sencha Touch 移动 WebApp 开发（一）

    1.目录 移动框架简介,为什么选择Sencha Touch? 环境搭建 创建项目框架,框架文件简介 创建简单Tabpanel案例 自定义图标的方式 WebApp产品测试和发布 HTML5离线缓存 发布 ...

  3. 【转载】Sencha Touch 提高篇 组件选择器

    免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:威老     原文地址:http://www.cnblogs.com/weil ...

  4. sencha touch tabsidebar 源码扩展

    先上图看效果 没错,这是一个sencha touch 项目,而这里的右边推出效果(下文叫做tabsiderbar),使用插件tabsiderbar来扩展的. 插件js下载地址:http://www.m ...

  5. Sencha touch Panel之间的跳转(如不使用TabPanel或者Carousel控件而产生跳转的动画效果)

    常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样 ...

  6. sencha touch 2 tabpanel中List的不显示问题,解决方案

    笔者在做sencha项目的时候碰到一个需求,就是"好友列表"中分为"未确认好友"和"已确认好友",两个都是一个list,自然想到的就是使用t ...

  7. Sencha Touch Guide

     1.一些命令 创建APP #  Make sure the current working directory is the Sencha Touch 2 SDK 例如D:\Program File ...

  8. 【翻译】探究Ext JS 5和Sencha Touch的布局系统

    原文:Exploring the Layout System in Ext JS 5 and Sencha Touch 布局系统是Sencha框架中最强大和最有特色的一个部分. 布局要处理应用程序中每 ...

  9. sencha touch 常见问题解答(1-25)

    欢迎留言补充,持续更新中... 1.sencha touch 是什么? 答:Sencha touch框架是世界上第一个基于HTML 5的移动应用框架.它可以让你的Web应用看起来像网络应用.美丽的用户 ...

随机推荐

  1. ADO.NET 结构 集中数据库联接结构

    MSDN 原文出处 https://msdn.microsoft.com/zh-cn/library/27y4ybxw.aspx .NET Framework 4.6 and 4.5 其他版本 以前, ...

  2. jquery学习笔记(4)--实现table隔行变色以及单选框选中

    <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &l ...

  3. Linux 两个目录浅对比拷贝

    对比两个目录内容,然后拷贝! #!/usr/bin/python# -*-coding:utf-8 -*-import osimport sysimport shutildef get_dir_con ...

  4. javascript arguments

    此文为转载文章: 什么是arguments arguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的.所有主要的js函数库都利用了arguments ...

  5. 19.python的编码问题

    在正式说明之前,先给大家一个参考资料:戳这里 文章的内容参考了这篇资料,并加以总结,为了避免我总结的不够完善,或者说出现什么错误的地方,有疑问的地方大家可以看看上面那篇文章. 以下说明是针对于pyth ...

  6. JS中的DOM与BOM

    javascript组成: 1. ECMAScript 基本语法. 2. BOM (浏览器对象模型) 3. DOM (文档对象模型) 一)BOM(borwser Object  Model) 浏览器对 ...

  7. ref和out的区别

    ref类型参数是按地址传递,能改变原来的数值.使用ref传参前,变量必须赋值. 带有ref类型参数的函数,不会清空变量,所以离开该函数的时候,所有ref引用的变量可以赋值也可以不赋值. out类型参数 ...

  8. SQLite判断某表是否存在

    SQLite判断表是否存在:其实很简单,只要查看sqlite_master表中是否存在这条数据就可以知道了.SELECT count(*) FROM sqlite_master WHERE type= ...

  9. 在VS2010 SP1基础上安装mvc3

    安装VS2010 SP1后,再安装mvc3会报错,估计原因是此安装包会安装VS的补丁,而sp1的补丁版本高过此安装包的. AspNetMVC3ToolsUpdateSetup.exe 解决办法: 运行 ...

  10. React Native相关

    安装相关工具参考(视频):http://ninghao.net/course/3001?a=26 学习参考:http://reactnative.cn/ 学习参考:http://www.ruanyif ...