泥沼because漫画:EXTJS限制输入长度

来源:百度文库 编辑:偶看新闻 时间:2024/05/03 08:54:34
EXTJS限制输入长度2010-06-18 9:52

Ext.form.TextField 的 maxLength/size 处理的并不是很好,设置了maxLength后还是可以任意输入,国外extjs论坛看到有人的帖子,通过prototype重定义这两个属性,试了一下,很有效

    Ext.form.TextField.prototype.size = 20;
    Ext.form.TextField.prototype.initValue = function() {
        if (this.value !== undefined) {
            this.setValue(this.value);
        } else if (this.el.dom.value.length > 0) {
            this.setValue(this.el.dom.value);
        }
        this.el.dom.size = this.size;
        if (!isNaN(this.maxLength) && (this.maxLength * 1) > 0
            && (this.maxLength != Number.MAX_VALUE)) {
            this.el.dom.maxLength = this.maxLength * 1;
        }
    };

上面的js放在ext-all.js的引用之后就可以了,然后再指定maxLength属性就能控制输入长度。

这时候出现问题了,当提交表单数据时,如果combobox值为空,通过getValue()方法获得的值会是emptyText属性的值。如:“请选择XXX”。从问题中可以知道是因为value值被改变了,只要将上述代码中的部分代码去掉即可。 被去掉部分如下:      

if (this.value !== undefined) {
            this.setValue(this.value);
        } else if (this.el.dom.value.length > 0) {
            this.setValue(this.el.dom.value);
        }
        this.el.dom.size = this.size;