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的引用之后就可以
分享到:
相关推荐
2. **配置项**:`Ext.form.TextField`支持多种配置项来定制其行为和外观,如`fieldLabel`(字段标签)、`name`(字段名,用于数据绑定)、`width`(宽度)、`maxLength`(最大字符数)等。 3. **验证**:EXT提供了...
`Ext.form.TextField`是Ext JS库中的一个组件,用于创建基本的文本输入字段。它在Web应用程序中广泛用于收集用户输入的数据,如用户名、搜索关键词等。以下是对`Ext.form.TextField`的一些主要特性和配置选项的详细...
var tf = new Ext.form.TextField({ id: 'myTextField', fieldLabel: '请输入文字', width: 200 }); ``` 这里,`id`用于唯一标识字段,`fieldLabel`设置标签文本,`width`定义了输入框的宽度。 2. **配置项*...
Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行文本。这个组件可以用于创建各种类型的输入字段,如普通文本输入、密码输入、电子邮件地址输入等,通过设置不同的配置选项来满足不同的需求...
在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。例如,在示例中,通过设置`allowBlank: false`,确保了字段不允许为空;`emptyText`定义了当字段为...
var field0 = new Ext.form.TextField({ fieldLabel: '名字', allowBlank: false, width: 500, emptyText: '请输入', maxLength: 10, minLength: 2 }); var field1 = new Ext.form.TextField({ fieldLabel...
var textfield = new Ext.form.TextField({ fieldLabel: ' 用户名 ', emptyText: ' 请输入 ..', allowBlank: false }); var form = new Ext.form.FormPanel({ title: ' 用户登录 ', frame: true, items: ...
`Ext.form.TextField` 是一个文本输入框字段。 - **属性:** - `allowBlank`: 是否允许空白,默认为 `true`。 - `blankText`: 空白时的错误提示。 - `emptyText`: 占位符文本。 - `grow`: 是否自动伸展,默认为...
Ext.apply(Ext.form.VTypes, { integer: function(val, field) { var exp = /^([1-9]\d{0,7}|0)$/; return val.match(exp); }, integerText: '您输入的必须为数字!' }); ``` 这里,`integer`函数用来验证输入...
接下来,我们创建了一些具体的表单字段,例如`Ext.form.DateField`用于日期选择,`Ext.form.TextField`用于文本输入,以及`Ext.form.HtmlEditor`用于富文本编辑。每个字段都配置了不同的属性,如`fieldLabel`用于...
### Ext.form.TextField(文本字段) - **allowBlank**:允许为空,默认为`true`。 - **blankText**:为空时显示的验证消息。 - **emptyText**:控件为空时显示的提示信息。 - **grow**:设置文本字段是否动态扩展...
同时,加载了`Ext.form.login.js`,这是包含登录表单逻辑的脚本文件。 在样式部分,定义了一个`.icon`类,用于设置背景图片,这可能用于登录按钮或者其他图标。 登录界面的实现主要集中在JS源代码中,这部分展示了...
`Ext.form.TextField`是ExtJS框架中的一个表单字段组件,用于输入文本。它提供了多种配置选项来满足不同的需求。 - **allowBlank**: 布尔值,指定字段是否允许为空,默认为`true`。 - **blankText**: 字符串,当...