这个问题困扰了我整整一天,之前使用网上的重写textfield添加侦听,然后处理keypress事件(http://extjs.com/forum/showthread.php?t=17532),结果发现效果不甚理想,而且需要在公共js中写一段代码,各自的textfield中同样也需要写一段代码。最后参考了numberfield源码,才很好的解决了这个问题:
initEvents : function() {
var keyPress = function(e){
var blockchars = ' ';
var c = e.getCharCode();
if(blockchars.indexOf(String.fromCharCode(c)) != -1){
e.stopEvent();
}
};
this.el.on("keypress", keyPress, this);
}
这段代码放到textfield的配置里面就可以了。回头可以考虑继承或者重写一下textfield,直接在它的配置里面设置blockchars就可以了。
另外,blockchars就是屏蔽的字符集合,上例中屏蔽的是空格。
转载请注明来源:http://sny7.iteye.com,谢谢!
分享到:
相关推荐
这可能包括检查值的范围、小数位数以及禁止输入非法字符。 5. **事件监听**:监听用户输入事件,如`keyup`或`change`,在事件触发时调用转换函数和验证规则。 6. **样式调整**:可能还需要对输入框的样式进行调整...
在提供的压缩包中,"ext-3-TextField-sample.rar" 涉及到的是ExtJS 3.x版本中的TextField组件,这是一个基本的用户输入控件,常用于收集用户在网页上的文本信息。这个示例着重介绍了如何创建和使用TextField。 ...
在 Extjs 开发过程中,常常需要将字符串转换为对象或将对象转换为字符串,特别是在处理 JSON 数据时。合理地使用这些转换可以减少不必要的计算和内存占用,从而提高程序性能。 #### 五、定义对象数组 定义对象数组...
在JavaScript框架ExtJS中,正则表达式也经常被用于验证用户输入数据的合法性,例如表单字段的验证。下面我们将深入探讨正则表达式的基本概念以及在ExtJS中的应用。 一、正则表达式基础 1. **基本元素**:正则...
它通常要求用户输入图片或音频中显示的一串随机字符,以证明他们是人类而非机器。在ExtJS中实现验证码功能,我们可以利用MVC(Model-View-Controller)架构,这是一种设计模式,可以有效地组织代码并提高可维护性。 ...
- **X 类型 (XTypes)**:EXTJS中的组件类型可以通过XTypes来标识,这是一套预定义的字符串常量,用于快速创建特定类型的组件,例如'panel'或'textfield'。 - **BoxComponent**: 所有的EXTJS组件都继承自...
FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的功能,如数据验证、远程提交、异步加载等,是构建用户交互界面的关键部分。 在ExtJS中,FormPanel是...
表单中的 `xtype:'textfield'` 表示创建的是一个文本输入框,`vtype:'specialChar'` 可能是一个自定义验证类型,用于限制输入字符的特殊规则。`anchor:'80%'` 设置了控件在容器中的宽度占80%。此外,表单还包括了三...
- `getValues([Boolean asString])`: 获取表单值,可选择是否返回字符串形式。 - `isDirty()`: 判断表单是否被修改过。 - `isValid()`: 验证表单是否有效。 - `load(Object options)`: 加载表单数据。 - `...
例如,在输入数量时需要显示“个”、“人”等单位。这样的设计不仅提高了用户体验,还使得数据的含义更加清晰明确。然而,默认情况下,ExtJS并未提供直接的支持来实现在文本框后添加单位的需求。本文将详细介绍两种...
在ExtJS中,提交表单是一项常见的操作,用于将用户在表单中填写的数据发送到服务器进行处理。本文将详细讲解如何在ExtJS环境中实现表单的提交,并结合Java Web后端进行交互。 首先,我们需要了解ExtJS中的表单组件...
通过灵活运用ExtJS的表单组件,可以创建功能丰富的表单界面,并且能够有效地处理用户输入的数据。 总结来说,ExtJS中的表单组件为开发者提供了丰富的接口来创建具有复杂验证逻辑和良好用户体验的Web表单。通过学习...
在Extjs中,创建一个简单的文本框非常直观,只需要定义`xtype`为`textfield`即可。例如: ```javascript { xtype: 'textfield', name: 'username', fieldLabel: '用户名' } ``` 这里的`name`属性是表单提交时的...
Textfield用于输入命令,Button用于触发命令执行。 2. **命令解析**:当用户点击按钮时,捕获输入框中的命令,进行解析。这可能需要自定义函数来识别不同的命令关键字并拆分参数。 3. **命令执行**:根据解析的...
根据给定的信息,我们可以深入探讨Extjs中的一些关键属性及其应用。Extjs是一个非常强大的JavaScript框架,用于构建桌面级Web应用程序。它提供了大量的组件和功能,使得开发人员能够轻松地创建复杂的用户界面。 ###...
4. **自定义EXTJS组件**:文档展示了如何扩展EXTJS的TextField组件来添加单位显示功能。`unitText` 属性用于定义单位字符串,当单位字符串存在时,会在输入框后方自动添加一个包含单位的元素,并相应地调整输入框的...
3. **文本框**(TextField):用于接收用户输入的文本。 4. **列表**(List):显示列表项,支持拖拽排序等功能。 5. **网格**(Grid):用于展示表格形式的数据。 6. **树**(Tree):用于展示分层次的数据结构。 7...