本文主要是介绍解决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;
这篇关于解决Ext.form.TextField的 maxLength 属性失效问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!