`
elstage
  • 浏览: 79820 次
  • 性别: Icon_minigender_1
  • 来自: 地球
社区版块
存档分类
最新评论

Ext.form.TextField的maxLength/size 属性

    博客分类:
  • Ext
阅读更多

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的引用之后就可以
分享到:
评论

相关推荐

    EXT dojochina文本框示例Ext.form.TextField.rar

    2. **配置项**:`Ext.form.TextField`支持多种配置项来定制其行为和外观,如`fieldLabel`(字段标签)、`name`(字段名,用于数据绑定)、`width`(宽度)、`maxLength`(最大字符数)等。 3. **验证**:EXT提供了...

    Ext.form.TextField最简单的用法.docx

    `Ext.form.TextField`是Ext JS库中的一个组件,用于创建基本的文本输入字段。它在Web应用程序中广泛用于收集用户输入的数据,如用户名、搜索关键词等。以下是对`Ext.form.TextField`的一些主要特性和配置选项的详细...

    ext-3-TextField-sample.rar_ext_ext TextField_ext textfield inp

    var tf = new Ext.form.TextField({ id: 'myTextField', fieldLabel: '请输入文字', width: 200 }); ``` 这里,`id`用于唯一标识字段,`fieldLabel`设置标签文本,`width`定义了输入框的宽度。 2. **配置项*...

    Ext表单组件之textField

    Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行文本。这个组件可以用于创建各种类型的输入字段,如普通文本输入、密码输入、电子邮件地址输入等,通过设置不同的配置选项来满足不同的需求...

    ext_表单提交_数据校验

    在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。例如,在示例中,通过设置`allowBlank: false`,确保了字段不允许为空;`emptyText`定义了当字段为...

    EXT 完美教程

    var field0 = new Ext.form.TextField({ fieldLabel: '名字', allowBlank: false, width: 500, emptyText: '请输入', maxLength: 10, minLength: 2 }); var field1 = new Ext.form.TextField({ fieldLabel...

    ext 的ppt ext 的ppt ext 的pptext 的pptext 的ppt

    var textfield = new Ext.form.TextField({ fieldLabel: ' 用户名 ', emptyText: ' 请输入 ..', allowBlank: false }); var form = new Ext.form.FormPanel({ title: ' 用户登录 ', frame: true, items: ...

    extjs属性方法大全

    `Ext.form.TextField` 是一个文本输入框字段。 - **属性:** - `allowBlank`: 是否允许空白,默认为 `true`。 - `blankText`: 空白时的错误提示。 - `emptyText`: 占位符文本。 - `grow`: 是否自动伸展,默认为...

    Extjs验证表单 Extjs验证表单

    Ext.apply(Ext.form.VTypes, { integer: function(val, field) { var exp = /^([1-9]\d{0,7}|0)$/; return val.match(exp); }, integerText: '您输入的必须为数字!' }); ``` 这里,`integer`函数用来验证输入...

    Ext 表单布局实例代码

    接下来,我们创建了一些具体的表单字段,例如`Ext.form.DateField`用于日期选择,`Ext.form.TextField`用于文本输入,以及`Ext.form.HtmlEditor`用于富文本编辑。每个字段都配置了不同的属性,如`fieldLabel`用于...

    Extjs属性大全

    ### Ext.form.TextField(文本字段) - **allowBlank**:允许为空,默认为`true`。 - **blankText**:为空时显示的验证消息。 - **emptyText**:控件为空时显示的提示信息。 - **grow**:设置文本字段是否动态扩展...

    ExtJs学习资料47-完整的登录实例(不带验证码).doc

    同时,加载了`Ext.form.login.js`,这是包含登录表单逻辑的脚本文件。 在样式部分,定义了一个`.icon`类,用于设置背景图片,这可能用于登录按钮或者其他图标。 登录界面的实现主要集中在JS源代码中,这部分展示了...

    验证的正则表达式,开发提供参考

    `Ext.form.TextField`是ExtJS框架中的一个表单字段组件,用于输入文本。它提供了多种配置选项来满足不同的需求。 - **allowBlank**: 布尔值,指定字段是否允许为空,默认为`true`。 - **blankText**: 字符串,当...

Global site tag (gtag.js) - Google Analytics