解决Ext.form.TextField的 maxLength 属性失效问题

 

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;