`

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

阅读更多

Ext.form.TextField 的 maxLength/size 处理的并不是很好

设置了maxLength后还是可以任意输入,国外extjs论坛看到有人的帖子,通过prototype重定义这两个属性,试了一下,很有效

// Textfield ignores size attribute of text.. 

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的引用之后就可以了

转帖:http://www.iteye.com/topic/232831
分享到:
评论

相关推荐

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

    在本示例中,"EXT dojochina文本框示例Ext.form.TextField.rar"是一个压缩包,包含了EXT框架中关于`Ext.form.TextField`组件的示例代码。 `Ext.form.TextField`是EXT框架中的一个核心组件,用于创建基本的输入字段...

    Ext.form表单中各种属性应用详解

    **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **allowDecimals**: 类型为 `Boolean`,决定是否允许输入小数,默认为 `true`...

    EXT.form组件

    5. `field`:`Ext.form.Field`是所有表单字段的基础类,提供了一般性的属性和方法,如验证和状态管理。 6. `fieldset`:`Ext.form.FieldSet`是用于组织和分组表单字段的容器,通常包含一个标题和可选的边框。 7. `...

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

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

    Ext Extjs 禁止文本和日期编辑

    textField.setReadOnly(true); ``` 在上述代码中,我们首先创建了一个`TextField`实例,并设置了其`readOnly`属性为`true`,这使得用户不能在文本框中输入或修改文本。你可以根据业务逻辑在合适的时间调用`...

    EXT表单验证之TextField

    `vtype`是EXT TextField的一个关键属性,用于定义输入字段的验证规则,确保用户输入的数据符合特定格式或条件。 EXT中的TextField支持多种vtype验证类型,这些类型提供了基础的数据验证功能,帮助开发者构建健壮的...

    Ext 添加功能form表单实例

    根据给定的信息,本文将详细解释“Ext 添加功能form表单实例”的知识点,这主要针对Ext初学者。本文会从创建表单、字段定义、验证规则以及提交逻辑等方面进行深入探讨。 ### Ext 添加功能form表单实例 #### 表单...

    EXT核心API详解

    49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext....

    可编辑表格Ext.grid.EditorGridPanel

    {header: 'Name', width: 200, dataIndex: 'name', editor: new Ext.form.TextField()}, {header: 'Age', width: 100, dataIndex: 'age', editor: new Ext.form.NumberField()} ]); // 创建EditorGridPanel var ...

    Ext组件描述,各个组件含义

    **2.27 Text Field (Ext.form.TextField)** - **xtype**: `textfield` - **功能描述**:Text Field 是一个用于输入单行文本的文本框。 - **主要用途**:适用于需要用户输入少量文本的场景。 **2.28 Time Field ...

    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

    在提供的文件列表中,`textfield.html`可能包含了使用textField组件的HTML结构,而`textfield.js`则可能包含对应的JavaScript代码实现。通过阅读源码,我们可以了解textField组件的内部工作原理,如如何处理用户输入...

    ExtJS入门教程(超级详细)

    49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext....

    extjs 5 textfield 金额控件扩展

    7. **使用示例**:在应用中引入这个扩展,然后像使用普通的Textfield一样使用`Ext.form.field.MoneyField`,但会自动获得金额输入的特性。 通过这个扩展,开发者可以简化金额输入的处理,提高用户体验,同时也保证...

    EXT from培训教材

    1. **文本字段**:使用`Ext.form.TextField`创建,用于输入文本。例如: ```javascript new Ext.form.TextField({ fieldLabel: '邮件', name: 'email', vtype: 'alphanum', // 字段验证类型 width: 175 // 字段...

    ext_表单提交_数据校验

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

    ext form小例子

    - 表单字段:常见的表单字段有文本框(TextField)、密码框(PasswordField)、选择框(ComboBox)等,每个字段都有自己的属性和事件。 - 布局管理:EXTJS提供了多种布局方式,如表单布局(formLayout)、绝对布局...

    ExtJs_xtype一览

    - `textfield`:`Ext.form.TextField`,单行文本输入框。 - `trigger`:`Ext.form.TriggerField`,触发式输入框,常用于日期或搜索框。 - `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个...

Global site tag (gtag.js) - Google Analytics