`

ext的getValue()和getRawValue()

    博客分类:
  • ext
 
阅读更多

一. ExtJS DateField getValue()getRawValue()

采用Ext.Ajax.request()提交日期格式的字段值时  getValue()得到的datefield控件中的值是带时分秒格式的标准时间(例:2010-09-10T00:00:00)。故可以getValue()后再将获取的数据format

如果DateField有统一的格式化(比如:Y-m-d),用getRawValue方法代替getValue即可,getRawValue( )得到的就是去掉了时分秒的我们期待的值 2010-09-10

items: [{

            columnWidth: .25,

            layout: 'form',

            border: false,

            style: 'padding-right: 50px',

            items: [{

                xtype: 'datefield',

                fieldLabel: '工作日',

                width: 150,

                id: 'workdateQuery',

                anchor: '100%',

                format: 'Ymd'

            }]

        }]

此时,得到的值Ext.getCmp(“workdateQuery”).getRawValue()即可得到20121010.【个人认为getRawValue即文本框中显示的值,是经过format之后的展示给用户的值】

 

二. ExtJS ComboBox getValue()getRawValue()

 

1. ExtJSComboBox是一个更接近Form程序的ComboBox的控件,因为它除了有正常的下拉式选择框之外,还支持键盘输入,等于是textboxcomboBox的结合。此外,ExtJSComboBox还支持对选项的自动联想。

但是当把Ext.form.ComboBox editable 设为true之后,用getValue()是取不到人工打进去(edit)的值的。因此,对于带可编辑功能的ComboBox,我们可以用getRawValue() 去取得值。

我们先来看看两个Method的原型和说明:

getRawValue() : Mixed

Returns the raw data value which may or may not be a valid, defined value. To return a normalized value see getValue().

getValue() : String

Returns the currently selected field value or empty string if no value is set.

注意:虽然getValue()返回的类型是String,而getRawValue()返回的是Mixed,但是这个Mixed可以被当作String运算和处理。

 

2.在做项目是遇到一个问题: 
ComboBox是可以手动输入的,输入时按前缀方式查询, 
缺点是必须选中下拉框的一项,如果不是选择而是手工输入完整代码,查询时getValue得到的是undefined,改为用getRawValue解决此问题。 原因是getValue是从ComboBoxstore中用getById取数据,如果不选择,getById返回的是undefined 

 

3.combobox中如果设置了valueFielddisplayField,则getValue()返回的是valueFiled的值,getRawValue()返回的则是displayField的值。

 

 

 

 

 

分享到:
评论

相关推荐

    Extjs407 getValue()和getRawValue()区别介绍

    在ExtJS框架中,`getValue()`和`getRawValue()`是两个非常重要的方法,它们用于获取日期字段(datefield)或其他输入控件的值。理解这两个方法的区别对于编写高效的ExtJS应用至关重要。 首先,让我们详细解释一下这...

    Ext3.1 21款精美主题和动态换皮肤

    定义下拉数据源和combox: var themestore = new Ext.data.SimpleStore({ fields: ['Name', 'File'], data: Ext.simpledata.themes }); this.cboTheme = new Ext.form.ComboBox({ id: 'ux-startcombo-theme', ...

    ext combobox二级联动

    ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...

    EXT学习心得,ext

    例如,当`bankFullName`下拉框发生改变时,触发`Ext.getCmp('bankTypeCd').setValue(Ext.getCmp('bankFullName').getValue());`,这使得`bankTypeCd`下拉框的值与`bankFullName`同步。这种方式非常适合实现联动选择...

    Ext 添加功能form表单实例

    method=jsonSave&rIdList=" + Ext.getCmp("rIdList").getValue(), success: function(form, action){ if (action.result.success == "true") { var msg = action.result.msg; // 获取后端返回的消息 // 可以在...

    Registry类的SetValue和GetValue详解

    Registry 类的 SetValue 和 GetValue 方法详解 Registry 类是 .NET Framework 中的一个重要类别,它提供了操作 Windows 注册表的功能。其中,SetValue 和 GetValue 是两个最常用的方法,分别用于设置和检索注册表中...

    ext 日期时间控件

    6. **API使用**:掌握`setValue`和`getValue`方法,用于设置和获取日期时间值;`reset`方法用于重置控件到初始状态。 7. **插件扩展**:EXT社区提供了许多插件,如日期选择增强插件,可以进一步丰富日期时间控件的...

    ext java登录案例

    这通常涉及到EXT的`Ext.form.Panel`组件,它允许我们定义表单布局、字段和行为。在DEMOLOGIN.HEML文件中,我们可能看到这样的代码结构: ```html <!DOCTYPE html> ...

    Ext checkBoxGroup的用法和取值

    在IT领域,尤其是在Web开发中,`Ext JS`是一个广泛使用的JavaScript库,它提供了一整套组件和工具,用于构建富客户端应用。本篇将详细探讨`checkBoxGroup`的使用方法及其取值方式,这对于创建复杂的表单和数据选择...

    Ext3 查询框

    EXT3是EXT库的一个版本,它提供了丰富的UI组件和数据绑定功能,使得开发者能够创建具有桌面级用户体验的网页应用。 EXT3查询框,通常被称为“EXT3 Form Field”,是EXT3组件库中的一个关键部分,用于收集用户的输入...

    ext常用注释

    Ext 提供了 `Ext.QuickTips` 类来快速创建和管理提示工具,可以方便地为用户界面添加各种提示信息。 ```javascript Ext.QuickTips.init(); ``` 调用 `init` 方法初始化提示工具,这使得可以在任何地方添加提示信息。...

    Ext与后台服务器的交互操作

    Ext JS以其丰富的UI组件库、强大的数据处理能力和良好的用户体验而受到开发者的青睐。本文主要探讨Ext JS与后台服务器之间的交互操作,包括如何生成用户界面、实现与用户的交互以及如何通过与后端服务的通信来支持...

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

    **Ext.form.DateField** 是一个日期选择器,继承自 **Ext.form.TriggerField**,专门用于日期的选择和输入。 - **altFormats**: 类型为 `String`,定义用于解析用户输入的其他日期格式,默认为 `'m/d/Y|m-d-y|m-d-Y...

    Ext 连接数据库的相关操作

    EXT本身并不直接处理数据库连接,它专注于构建富客户端应用程序的用户界面,提供丰富的组件和API。在这个例子中,我们将探讨如何使用EXT连接SQL Server数据库,实现Editgridpanel的数据展示、分页、查询和删除功能。...

    Ext RadioGroup实例

    在本文中,我们将深入探讨Ext RadioGroup的使用方法,包括其配置选项、事件处理以及如何提取选定的值和文本。 首先,我们来看RadioGroup的基本创建过程。在Ext JS中,RadioGroup可以通过传递配置对象来初始化: ``...

    ext 学习笔记

    获取组合框的当前值可以通过`Ext.getCmp('race').getRawValue();`(获取显示文本)或`Ext.getCmp('race').getValue();`(获取实际值)来实现。而`Ext.getCmp('race').setValue(valueField);`则用于设置组合框的值,...

    ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码

    return Ext.form.TextArea.superclass.getRawValue(this); } }); Ext.reg('ckeditor', Ext.form.CKEditor); 在WEBROOT目录中加入demo3.html: <title>Sample - CKEditor ; charset=utf-8" ...

    Extjs & Ext.net中的一些属性

    - `getText` 和 `getValue`: 分别获取组件的文本内容和值。 #### 3. Grid操作 - `startEditing`: 开始编辑Grid中的某一行。 - `focus`: 将焦点设置到指定的组件上。 - `getSelectionModel`: 获取Grid的选中模型,...

    在Ext中集成KindEditor4.0正式版

    可以使用`Ext.form.field.HtmlEditor`的`getValue`和`setValue`方法,或利用双向数据绑定实现。 6. **兼容性与优化**:确保KindEditor与ExtJS的其他组件和布局系统兼容。可能需要调整编辑器的大小和位置,或者处理...

Global site tag (gtag.js) - Google Analytics