javascript - 在 ExtJS6 中创建电子邮件字段组件

Question

我是初学者，我正在尝试使用 ExtJS6 创建登录页面。最简单的方法是创建一个包含 2 个文本字段(用户名和密码)和按钮等项目的面板，但是由于电子邮件和密码文本字段也将在注册时再次重复使用，因此我想避免代码重复。由于在这两个地方我们将具有相同的验证规则，因此我们必须具有相同的电子邮件标题和密码。

我正在考虑创建一个电子邮件文本字段组件类和密码文本字段类，该类将由 TextField 类扩展并使用 vtype、<在这些自定义定义类和我的登录表单/注册表单中，我使用这些自定义字段，这样我就能够避免代码重复。

我希望其他成员对此发表评论，并告诉我这是否是正确的解决方案，如果是，那么我将如何实现这一目标。

问候

Answer 1

Extjs 6 已经提供了 email和一个password特克斯菲尔德。您可以使用它们的配置属性来应用更多验证。

您可以像这样创建自己的表单面板:

Ext.define('App.view.LoginPanel', {
    extend: 'Ext.form.Panel',
    fullscreen: true,
    items: [
        {
            xtype: 'fieldset',
            title: 'Register',
            items: [
                {
                    xtype: 'emailfield',
                    label: 'Email',
                    name: 'email'
                },
                {
                    xtype: 'passwordfield',
                    label: 'Password',
                    name: 'password'
                }
            ]
        }
    ]
});

并在您想要的地方使用它的多个实例。