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. Servlet之HttpServletResponse和HttpServletRequest

    HttpServletResponse 1.告诉服务器应用使用UTF-8解析文本的两种方式,告诉客户端要使用什么编码 response.setHeader("content-type&quo ...

  2. java基础笔记

    1. 成员变量会自动的进行初始化,但是局部变量不会: 2. equals传引用值,==传地址值:当一个对象是引用类型时,就必须使用equals进行比较. 3. 继承:实现代码的复用,继承关系以一种验证 ...

  3. AngularJs记录学习02

    <!doctype html> <html ng-app="myapp"> <head> <meta http-equiv="C ...

  4. SpringMVC综合使用手机管理系统Controller层开发

    1. beans.xml的配置 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=&qu ...

  5. Oracle表结构转换SqlSERVER表结构 脚本

    在审计工作中,有时需要将Oracle的表结构修改后再SqlSERVER中创建表结构,然后将数据导入到SqlSERVER中,在修改表结构的过程中方法狠多.手工修改,最蠢的方法,或者用工具UE批量修改,还 ...

  6. strcpy/strlen/strcat/strcmp面试总结

    <strcpy拷贝越界问题> 一. 程序一 #include<stdio.h> #include<string.h> void main() { char s[]= ...

  7. Android-----第三方 ImageLoader 的简单配置和使用

    ImageLoader 的简单使用配置,最好是将配置信息放到application里面,这样我们就不需要每次使用都需要配置了 1.首先我们得有一个包 2.简单的配置信息 //显示图片的配置 Displ ...

  8. hdu 4715 Difference Between Primes

    题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=4715 Difference Between Primes Description All you kn ...

  9. eclipse创建android项目失败的问题 [ android support library ]

    有根筋搭错了,想起来android应用开发???? 放下两年的手机应用开发,昨天有更新了android SDK, 重新搭建开发环境. 这两年android 变化真TM的大............... ...

  10. JavaScript 中怎样判断文本框只能输出英文字母、汉字和数字，不能输入特殊字符！

    JS-只能输入中文和英文2008-11-08 10:17在js中用正则表达式对象(RegExp)判断中文 ^[\u0391-\uFFE5]+$英文 ^[A-Za-z]+$中文和英文/^[\u0391- ...