4

以下代码使用 ExtJs 中文本字段的验证器配置:

Ext.onReady(function(){
    Ext.create('Ext.form.Panel', {
        title: 'Simple Form',
        width: 350,
        url: 'save-form.php',
        layout: 'anchor',
        defaults: {
            anchor: '100%'
        },
        defaultType: 'textfield',
        items: [{
            fieldLabel: 'First Name',
            validateOnBlur:true,//calling validator on blur
            validateOnChange:false,//not calling validator on change
            validator:function(){
                console.log('in validator');//printing to console whenever validator is called
                return true;
            }
        }],
        renderTo: Ext.getBody()
    });
});

在代码中,validateOnBlur 设置为 true,而 validateOnChange 设置为 false。

问题是,当用户第一次聚焦该字段并模糊时,验证器函数会被触发两次,如随附的屏幕截图所示。

如果用户第二次再次聚焦该字段并模糊,则验证器只会被触发一次,并且对于所有后续此类操作也是如此。

但是第一次,当用户聚焦该字段并模糊(通过鼠标单击或 Tab 退出)时,验证器函数会被触发两次。

任何人都可以指导这背后的可能原因是什么以及如何阻止这种情况,或者这是 ExtJs 4.1 版中的错误?

提前致谢

在此处输入图像描述

4

1 回答 1

0

我认为这将解决您的问题...模糊的工作方式不同..您可以使用模糊而不是更改,看看会发生什么以及您想要什么

items: [{
    fieldLabel: 'First Name',
    validateOnBlur: true, 
    listeners: {
        change: function (){
            console.log('in validator');
            return true;
        }
    }
}]
于 2013-06-10T07:19:20.350 回答