JSFiddle - React, Tailwind, and code Playground
by Abid Shaik
HTML
<script src="http://cdn.sencha.io/touch/sencha-touch-2.1.0/sencha-touch-all.js"></script>
<link rel="stylesheet" href="http://cdn.sencha.io/touch/sencha-touch-2.1.0/resources/css/sencha-touch.css">
<!--
Anup's Hello World Test
Test to add a Tool Bar
Add a Simple Form, Button
Handle Button Tap Event and show form Input
-->
JavaScript
/*Sencha Touch Inerview hands on Test */
Ext.application({
launch: function () {
Ext.create('Ext.Panel', {
html: 'New Panel',
fullscreen : true,
items: [
{
xtype : 'toolbar',
title : 'Home',
docked : 'top'
},
{
xtype: 'textfield',
label: 'First Name',
ame : 'firstName',
id: 'firstName',
name: 'firstName'
},
{
xtype: 'textfield',
id: 'lastName',
name: 'lastName',
label: 'Last Name',
name: 'lastName'
},
{
xtype : 'button',
text : 'Display',
handler: function(){
var firstName = Ext.getCmp('firstName').getValue();
var lastName = Ext.getCmp('lastName').getValue();
Ext.Msg.alert("Welcome "+firstName+" "+ lastName);
}
}
],
listeners: {
painted : function() {
Ext.Msg.alert(' Using paint function');
},
},
});
}});