Ext限制表格输入长度

Ext.form.TextField 的 maxLength/size 处理的并不是很好,设置了maxLength后还是可以任意输入,国外extjs论坛看到有人的帖子,通过prototype重定义这两个属性,试了一下,很有效
Ext.form.TextField.prototype.size = 20;
Ext.form.TextField.prototype.initValue = http://blog.soso.com/qz.q/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;

你可能感兴趣的:(ext)