ExtJS 6: Building a Login System

Posted By Vitalii | April 21, 2017 | ExtJS 6.0.0
0 129
This post is a demo for this tutorial

Js Code

Ext.define("App.view.login.Login", {
    extend: 'Ext.window.Window',
    xtype: 'login',
 
    requires: [
        'App.view.login.LoginController',
        'Ext.form.Panel'
    ],
 
    controller: 'login',
    bodyPadding: 10,
    title: 'Login Window',
    closable: false,
    autoShow: true,
 
    items: {
        xtype: 'form',
        reference: 'form',
        items: [{
            xtype: 'textfield',
            name: 'username',
            fieldLabel: 'Username',
            allowBlank: false
        }, {
            xtype: 'textfield',
            name: 'password',
            inputType: 'password',
            fieldLabel: 'Password',
            allowBlank: false
        }, {
            xtype: 'displayfield',
            hideEmptyLabel: false,
            value: 'Enter any non-blank password'
        }],
        buttons: [{
            text: 'Login',
            formBind: true,
            listeners: {
                click: 'onLoginClick'
            }
        }]
    }
});
            
Tags
ExtJS 6, MVC, MVVM

Did you upgrade to ExtJS 6?

Posted By Vitalii | March 04, 2017 | ExtJS 6.0.0
0 239
More details about ExtJS 6 you can find here 

Js Code

Ext.create({
    xtype: 'panel',
    title: 'What’s Included?',
    html:   '<ul>' +
                '<li>Merged Ext JS & Sencha Touch</li>' +
                '<li>Sencha Pivot Grid</li>' +
                '<li>Calendar Component</li>' +
                '<li>D3 Adapter</li>' +
                '<li>Material Design Theme</li>' +
            '</ul>',
    width: 400,
    frame: true,
    renderTo: 'output',
    bodyPadding: 20
});
            
Tags
ExtJS 6