Sencha Touch Form Fields
HTML
<script src="http://cdn.sencha.io/touch/1.1.0/sencha-touch.js"></script>
<link rel="stylesheet" href="http://cdn.sencha.io/touch/1.1.0/resources/css/sencha-touch.css">
JavaScript
var PaL = new Ext.Application({
launch: function() {
new Ext.Panel({
layout: 'card',
fullscreen: true,
items: [
{
xtype: 'form',
scroll: 'vertical',
layout: {
type: 'vbox',
align: 'stretch'
},
items: [
{
xtype: 'fieldset',
title: 'Sencha Touch Field Types',
items: [
{ xtype: 'sliderfield', label: 'sliderfield' },
{ xtype: 'togglefield', label: 'togglefield' },
{ xtype: 'checkboxfield', label: 'checkboxfield' },
{ xtype: 'datepickerfield', label: 'datepickerfield' },
{ xtype: 'emailfield', label: 'emailfield' },
{ xtype: 'passwordfield', label: 'passwordfield' },
{ xtype: 'radiofield', label: 'radiofield_1', name: 'radio' },
{ xtype: 'radiofield', label: 'radiofield_2', name: 'radio' },
{ xtype: 'radiofield', label: 'radiofield_3', name: 'radio' },
{ xtype: 'searchfield', label: 'searchfield' },
{
xtype: 'selectfield',
label: 'selectfield',
name: 'select',
options: [
{ text: 'Option one', value: 1 },
{ text: 'Option two', value: 2 },
{ text: 'Option three', value: 3 }
]
},
...