单击 numberfield后，如失去焦点后非数字部分消失问题的解决办法

最新推荐文章于 2021-12-04 17:24:44 发布

lvye1221

最新推荐文章于 2021-12-04 17:24:44 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： extjs4 java web

本文链接：https://blog.youkuaiyun.com/lvye1221/article/details/38733709

Web 专栏收录该内容

42 篇文章

订阅专栏

本文详细介绍了在使用ExtJS的numberfield组件时，如何避免设置特殊字符导致数值显示异常的问题，并提供了相应的解决方法，包括在调用setRawValue前清空监听器。适用于ExtJS4.0.7版本。

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

1 问题描述

当需要使用 extjs 的 numberfield,但需要对文本框中的值进行设定的时候，就需要用到 setRawValue, 但通过此种方法设定的值，在点击文本框后，取消焦点后，文本框中的内容会变成纯数字，

var pageContainer = Ext.create('Ext.container.Container', {
    renderTo: Ext.getBody()
});<pre name="code" class="javascript">

pageContainer.add({ xtype: 'numberfield',itemId: 'numberfield',validateOnBlur: false,validateOnChange: false,hideTrigger: true});var component = pageContainer.getComponent("numberfield");component.setRawValue('123.789 kV');

点击文本框，再点击其他元素，文本框的内容将变成 123.789.

2 解决办法

在调用 setRawValue 前，应调用 clearListeners(). 注意当前的测试版本为 extjs4.0.7. 示例代码如下：

component.clearListeners();
component.setRawValue('123.789 kV');