sencha touch中textfield限制输入字数

最新推荐文章于 2016-09-13 09:36:46 发布

qiaofuli2012

最新推荐文章于 2016-09-13 09:36:46 发布

阅读量173

点赞数

分类专栏： sencha touch 文章标签： sencha touch

sencha touch 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何在ExtJS中通过重写TextField方法来实现输入字段的最大长度限制，并提供了一个具体的配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先重写textfield方法，添加maxLength属性

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;
    }
};

然后在用的地方添加maxLength属性

{
	            xtype: 'textfield',
	            name: 'realname',
	            label: '<span style="color:#ff0000;float:none;">*</span>姓名',
	            labelWidth : '30%',
	            maxLength : 4,
	            placeHolder : '请输入姓名',
	        },