extjs 表单标记无效

Question

我想直接从表单中使用 this.form.markInvalid。

我的表单中有 2 项：

代码：

  items: [
            { 
            fieldLabel: 'Name',
            name: 'name'
            }
            ,{
            id: 'e' ,
            fieldLabel: 'Email',
            name: 'email'
        }]

当用户点击一个按钮时，我正在调用this.form.markInvalid({'e':'email is invalid'});

我想用错误消息将电子邮件项标记为无效：“电子邮件无效”。

但是当我按下按钮时我收到一条错误消息：

this.form is undefined
 this.form.markInvalid({'e':'email is invalid'}); 

谢谢

Answer 1

您是否在按钮处理程序/侦听器中定义了正确的范围？

注册到点击事件的函数应该可以访问this.form 属性。 this 在您的情况下可能指向按钮本身而不是 formPanel。

您可以通过使用 createDelegate() 或在注册侦听器时添加额外参数轻松更改侦听器的范围，如下所示：

myButton.on('click', function(){
    console.log(this, this.id);
}, this); // <= notice the "this" argument here!

但是！ 你为什么要这样验证你的电子邮件？您可以轻松地将 vtype 添加到您的字段配置中，让 ExtJS 为您完成所有工作。

items: [{ 
    fieldLabel: 'Name',
    name: 'name'
},{
    id: 'e' ,
    fieldLabel: 'Email',
    name: 'email',
    vtype: 'email'
}]