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">

JavaScript

/*Simple Sencha Touch Forms Applicaion */
Ext.application({
    name: 'SForce',
    launch: function () {

        Ext.create('Ext.Container', {
            fullscreen: true,
            id: 'pnlLogin',
            items: [{
                xtype: 'titlebar',
                title: 'Login'
            }, {
                xtype: 'textfield',
                id: 'txtUserName',
                label: 'UserName'
            }, {
                xtype: 'passwordfield',
                itemId: 'txtPassword',
                label: 'Password'
            }, {
                xtype: 'button',
                itemId: 'btnLogin',
                text: 'Login',
                ui: 'round',
                handler: function () {

                    var username = Ext.getCmp('txtUserName').getValue();
                    Ext.Msg.alert("User name is " + username);


                }
            },


            ]
        });

    }
});