`
luck332
  • 浏览: 85873 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

EXTJS combo提交值的问题

EXT 
阅读更多

EXTJS2.2的版本Combo如果通过form.getForm().getValues()获取不了显示值的问题

只需重写onrender方法 注释掉一行代码即可

Ext.override(Ext.form.ComboBox,{
    onRender : function(ct, position){
        Ext.form.ComboBox.superclass.onRender.call(this, ct, position);
        if(this.hiddenName){
            this.hiddenField = this.el.insertSibling({tag:'input', type:'hidden', name: this.hiddenName,
                    id: (this.hiddenId||this.hiddenName)}, 'before', true);

            // prevent input submission
            //this.el.dom.removeAttribute('name'); 此行getValues()当name为空时,被省略了。
        }
        if(Ext.isGecko){
            this.el.dom.setAttribute('autocomplete', 'off');
        }

        if(!this.lazyInit){
            this.initList();
        }else{
            this.on('focus', this.initList, this, {single: true});
        }

        if(!this.editable){
            this.editable = true;
            this.setEditable(false);
        }
    }
})

 

Extjs3.3 有个submitValue 只需把它设置为true.通过form.getForm().getValues()都能取得。

    var store = new Ext.data.SimpleStore({
        fields: ['abbr', 'state', 'nick'],
        data : Ext.exampledata.states // from states.js
    });
    var combo = new Ext.form.ComboBox({
        store: store,
        displayField:'state',
        valueField:'abbr',
        hiddenName:'state1',
        typeAhead: true,
         submitValue:true,
        mode: 'local',
        name:'state',
        forceSelection: true,
        triggerAction: 'all',
        emptyText:'Select a state...',
        selectOnFocus:true
    });

分享到:
评论

相关推荐

    ExtJs4.0 表单提交Demo

    在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...

    EXTJS 自定义combo控件

    xtype : 'jxcombo' //配置项 jxValueField:要获取值得字段名称,默认null //公共方法 getJXValue():返回自定义字段的值,如果没有自定义字段,则等价Ext.form.Combo类的getValue()方法

    extjs 表单提交

    extjs 表单提交 需 要 注 意 的 事 项

    Extjs6中Combobox实现下拉多选

    该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能

    获取ExtjS表格的值_ExtJS_3.4cellSelectModel

    资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    extjs表单提交例子

    保存提交代码,extjs4.0 // 重置 和 保存 按钮. buttons: [{ text: '重置', handler: function() { this.up('form').getForm().reset(); } }, { text: '保存', /*formBind: true, //only enabled once the ...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    extjs4 ComboBox 点击下拉框 出现grid效果

    在EXTJS4中,ComboBox是一个常用的组件,它用于创建下拉选择框,通常用于输入框的辅助选择。这个组件提供了一种用户友好的方式来从一组预定义的选项中进行选择。然而,根据你的标题和描述,你似乎遇到了一个特别的...

    ExtJs获取表单元素的值

    在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...

    extjs4.2 分页combo动态条数 源码

    Combobox是EXTJS中的一种表单字段,它结合了文本输入框和下拉菜单,允许用户从预定义的选项列表中选择一个值。默认情况下,所有的选项都会被加载到下拉菜单中,但通过添加分页功能,我们可以将大列表拆分成小块,...

    Extjs grid 中文排序问题修正

    中文排序问题通常出现在以下情况:EXTJS Grid默认的排序算法可能无法正确处理UTF-8编码的中文字符,因为中文字符的排序不能简单地通过ASCII值来比较。为了解决这个问题,我们可以自定义排序函数。 自定义排序函数的...

    extjs表单中的下拉框(comobobox)手动添加空选项

    #### 一、问题背景 在给定的示例中,开发者希望在`ComboBox`中手动添加一项“所有”。然而,直接通过`option`的方式并不能实现这个需求,因为`ComboBox`使用的是`store`来管理数据。因此,我们需要采用一种不同的...

    EXTJS 选下拉框,并取得下拉框的值

    本篇文章将详细讲解如何在EXTJS中操作下拉框,以及如何获取用户选定的值。 首先,创建一个基本的EXTJS下拉框需要定义`Ext.form.field.ComboBox`对象。以下是一个简单的示例: ```javascript Ext.application({ ...

    extjs四种异步提交

    在EXTJS中,异步提交数据是常见的操作,主要用于与服务器进行无刷新的数据交互。这里提到了EXTJS的四种异步提交方式,分别是基于EXT JS的Ajax方法、指定HTML表单的Ajax提交、EXT JS自定义表单的提交以及使用Action...

    解决ext下拉列表全选和去全选功能

    在IT行业中,尤其是在Web开发领域,`EXTJS`是一个广泛使用的JavaScript库,它提供了一套完整的组件模型,用于构建富客户端应用。标题提到的“解决EXT下拉列表全选和去全选功能”是一个常见的需求,特别是在数据表格...

    ExtJs 表单提交登陆实现代码

    在本例中,我们将探讨ExtJs在表单提交和登录功能实现方面的应用。 首先,实现ExtJs表单提交和登录效果通常涉及以下几个步骤: 1. 在ExtJs子类中添加单击提交事件处理函数。这一过程涉及到使用ExtJs框架提供的事件...

    extjs向action提交的方法

    extjs向action提交的方法,由Ext界面提交到action的两种方法,点击id为save的按钮时,执行loginFun函数。

    extjs 前后台交互参数出现中文乱码问题的解决方法

    ### extjs前后台交互参数出现中文乱码问题的解决方法 #### 问题背景与原因分析 在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的...

    100行代码解决ExtJs4.1合并单元格问题

    100行代码解决ExtJs4.1合并单元格问题

    ExtJS内存泄漏问题详解

    关于ExtJS内存泄漏问题,一直是ExtJS开发人员困扰的问题,这篇文档很好地解释了什么是内存泄漏,为什么会产生内存泄漏。能够帮助程序员使用ExtJS开发出更高效安全的代码。

Global site tag (gtag.js) - Google Analytics