Forms 使用SenchaTouch的简单登录表单

只是潜入SenchaTouch，这看起来很有希望

我正在构建我的第一个应用程序，一个简单的登录表单检查源代码

我正在寻找一种方法来做以下事情：

• 登录/密码错误时显示“nice”错误消息。可以用红色替换“请输入您的凭据”）；我不知道如何进入这个地方

• 如果登录成功，请关闭表单并加载应用程序（可能是另一个js文件）

非常简单，但我是这方面的新手，

1）Fieldset有一个名为

setInstructions

的方法，您可以调用该方法来更新指令。因此，您可以在字段集中指定

id

配置，然后在以后需要更新指令时使用该配置

...
items: [
    {
        xtype: 'fieldset',
        id: 'fieldset',
        title: 'Login',
        instructions: 'Please enter your credentials',
        defaults: {
            required: true,
            labelAlign: 'left',
            labelWidth: '40%'
        },
        items: [
        {
            xtype: 'emailfield',
            name : 'email',
            label: 'Email',
            placeHolder: 'your@email.com',
            useClearIcon: true
        }, {
            xtype: 'passwordfield',
            name : 'password',
            label: 'Password',
            useClearIcon: false
        }]
    }
],
...

//wherever you want to update the instructions
var fieldset = Ext.getCmp('fieldset');
fieldset.setInstructions('My new instructions!');

2） 这是一个简单的演示：

//create a panel, which is full screen, and will contain your form, and another item
//which you want to show at some point
var wrapper = new Ext.Panel({
    fullscreen: true,
    layout: 'card',

    //my two items
    items: [
        form,
        {
            xtype: 'panel',
            html: 'my second panel, which is not visible on render.'
        }
    ]
});

//change the active card/item, when you need to
wrapper.setActiveItem(1); //starts at 0

确保从窗体中删除全屏，因为它不再是全屏的（此包装器面板为）