`
kaishiba
  • 浏览: 59057 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
社区版块
存档分类
最新评论

combo valueField后台传值问题

    博客分类:
  • ext
EXT 
阅读更多

需要设置valueField: 'id'和hiddenName:'arrayArea'才能将id值传入后台

在action里需要创建String[] arrayArea 属性;属性的值为 id

 

var area={
            xtype:'combo',
            fieldLabel: '商圈',
            width:340,
            name: 'arrayArea',
            width:120,
            store: ds1,
            autoLoad:true,
            displayField: 'name',
            valueField: 'id',
            hiddenName:'arrayArea',
            mode: 'local',
            emptyText:'请选择',
            triggerAction: 'all',
            readOnly:true
}

      var recordType1= new Ext.data.Record.create([
            {name:'id',type:'string'},
            {name:'name',type:'string'}
        ]);
        var ds1 = new Ext.data.Store({
            remoteSort:false,
            proxy:new Ext.data.HttpProxy({url:tagAreaURL}),
            reader:new Ext.data.JsonReader({root:'data',id:'id'},recordType1)
        });
       
        ds1.load({params:{tagName:'通用商圈'}});

分享到:
评论

相关推荐

    伊兰COMBO (强大的Ext单多选下拉列表控件;带详细示例)

    /** 伊兰COMBO;强大的Ext单多选下拉列表控件;基于 LovCombo ; * 作者:中国.湖南.长沙.... * * 功能: * 1.... * 要求:★ 数据必须有唯一非空KEY,其字段名作为COMBO的valueField属性名称 */

    easyui中combobox后台交互实例

    在本文中,我们将深入探讨EasyUI中的Combobox组件以及如何实现与后台的交互。EasyUI是一个基于jQuery的轻量级前端框架,它提供了一系列易于使用的UI组件,包括Combobox,用于创建下拉列表框,同时支持后台数据加载,...

    EXT多选COMBO

    EXT多选COMBO是一种在EXTJS框架中实现的组件,用于创建具有多选功能的下拉框。EXTJS是一款强大的JavaScript UI库,它提供了一系列预定义的组件,帮助开发者构建富客户端应用程序。在这个特定的场景中,“EXT多选...

    Ext combo 下拉框级联

    3. `valueField`:指定选中项对应的值字段名。 4. `queryMode`:设置查询模式,如“local”(本地数据查询)或“remote”(远程数据查询)。 5. `cascadeFrom`:用于指定级联关系的父级`ComboBox` ID。 在级联过程...

    Ext开发过程中的自学笔记

    下面我们将深入探讨Combobox的使用方式,包括使用数组和后台数据,以及如何实现多个Combobox共享数据源,以及如何将Combobox的valueField值回传到后台。 1. **使用数组创建Combobox**: - 首先定义一个数组,包含...

    unigui_easyui_combo_下拉panel

    "unigui_easyui_combo_下拉panel"这个主题涉及到的是在Unigui中集成EasyUI的下拉组合框(ComboBox)和Panel组件。下拉组合框是一种常见的输入控件,它结合了文本输入框和下拉列表的功能,用户可以在输入框中输入文字...

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

    因此,引入分页机制可以有效地解决这个问题,只在用户需要时加载更多数据。 首先,我们需要了解EXTJS 4.2中的Combobox组件。Combobox是EXTJS中的一种表单字段,它结合了文本输入框和下拉菜单,允许用户从预定义的...

    extjsCombo下拉框多选

    这通常与`valueField`和`displayField`配置有关。 5. **配置项**:自定义的MultiCombox可能增加一些特定的配置项,如`allowMultiple`、`maxSelections`等,以控制多选行为。 6. **事件处理**:除了基本的选择行为...

    EXT控件lovcombo

    在EXT控件中,"lovcombo"(即Love Combo)是一种特殊的ComboBox,通常用于显示一个列表,其中每个项可以被选择,类似于下拉框。这个lovcombo控件的特色在于它支持多选,通过复选框(checkboxes)来实现这一功能,...

    extJs ComboBox级联

    select: function(combo, record) { cityStore.getProxy().setExtraParams({provinceId: record.get('id')}); cityStore.load(); } } }); var cityComboBox = Ext.create('Ext.form.field.ComboBox', { store...

    EXT下拉框显示树形结构源代码

    - 创建EXT.form.field.TreeCombo实例,配置store、displayField、valueField等属性 - 添加事件监听器,如'expand'、'select'等 - 将COMBO TREE组件添加到一个布局容器(如EXT.container.Viewport或EXT.container.Box...

    ext多选下拉框(代码及例子)

    6. **代码实现**:在`lovcombo.js`中,你需要创建一个EXTJS的Combo实例,并设置必要的配置项如`store`、`displayField`、`valueField`以及`multiSelect`等。`store`通常会连接到一个数据源,`displayField`指定显示...

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

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

    Ext combobox 下拉多选框带搜索功能

    此外,我们还需要配置`valueField`和`displayField`,分别指定存储在记录中的选定值字段和显示给用户的字段。 至于搜索功能,ComboBox内建了基本的文本匹配功能。通过`queryMode: 'local'`,我们可以让ComboBox在...

    ExtJS Combobox二级联动列子

    2. 异步加载:如果数据量大,可以使用分页加载,避免一次性加载过多数据导致性能问题。 3. 错误处理:添加错误处理机制,如请求失败时的提示和恢复操作。 综上所述,实现ExtJS的Combobox二级联动主要是通过监听事件...

    comboBox 加载数据的几种方式

    valueField: 'valueField', // JSON对象中的值字段 textField: 'textField', // JSON对象中的显示文本字段 data: data }); }); ``` ##### 2. 直接加载本地JSON数据 当数据已经存在于客户端时,可以直接加载...

    cj_easyui_combobox_struts_velocity.docx

    在上述代码中,`url`属性指定了后台请求的ACTION方法,`valueField`和`textField`分别设置下拉列表的值字段和文本字段。`onLoadSuccess`回调函数用于处理加载成功后的逻辑,如在编辑模式下设置初始选中值。 在...

    Extjs自动填充

    queryParam : 'autoContent',//向后台传递输入框中的值 minChars : 2, fieldLabel : '填写自动提示内容', emptyText : '--请填写--', selectOnFocus : true, id : 'autos', name : 'autos', valueField : '...

    Extjs6 下拉列表

    - GridCombo的`displayField`和`valueField`依然适用,但可以扩展到多个字段,例如,`displayFields`可以是一系列字段,用于构建复杂显示。 3. **配置和使用** - 创建ComboBox或Combogrid时,需要定义其配置项,...

Global site tag (gtag.js) - Google Analytics