1

我是 extjs 的新手。我正在使用 extjs-4.1.0，我有一个文本字段，我希望在它的模糊事件上调用 trim 方法。我的代码在 mozilla firefox 上运行良好，但是当文本框失去焦点时，会在 IE 上导致 javascript 错误，“对象不支持此属性或方法”。
有没有其他方法可以处理 IE 中的模糊事件？

在下面找到我的代码： 

{
        flex:1,
        xtype:'textfield',
        fieldLabel: 'Name',
        allowBlank: false,
        maxLength: 50,
        name: 'name',
        maskRe: /[a-zA-Z\s]+$/,
        validator: function(v) {
            if(!(/[a-zA-Z\s]+$/.test(v))){
                return "This Field should be in alphabets";
            }
            return true;
        },
        listeners: {
             render: function(c) {
                Ext.QuickTips.register({
                target: c.getEl(),
                text: 'Format: John/John Kelvin'
                })  
            },
            blur: function(d) {
                var newVal = d.getValue().trim();
                d.setValue(newVal);

            }
        }
    }
4

3 回答 3

4

我将侦听器放在控制器中，并且在 IE 中似乎可以正常工作。

Ext.define('BM.controller.FormControl', {
    extend: 'Ext.app.Controller',

   views: [
        'MyForm'
    ],

   init: function() {
        if (this.inited) {
            return;
        }
        this.inited = true;
        this.control({
            'my-form > field': {
                blur: this.outOfFocus
            }
        });
    },

    outOfFocus: function(field, event) {
        var newVal = field.getValue().trim();
        field.setValue(newVal);
    }
});
于 2012-08-28T06:53:07.413 回答
0

当文本字段为空时，浏览器 IE 7/8 将文本字段值 (d.getValue()) 返回为NULL，因此对 trim() 的方法调用失败，因为没有创建有效对象。

以下解决方案适用于所有浏览器：

this.setValue(Ext.util.Format.trim(this.getValue()));
于 2013-09-29T14:11:54.593 回答
0

我的猜测是，这与模糊无关，实际上 field.getValue() 在某些情况下不是字符串，例如 null 或 numeric 或沿着这条线的东西。尝试更换 var newVal = field.getValue().trim();

和

var newVal = Ext.String.trim(field.getValue());
于 2012-09-18T20:01:53.597 回答