需要设置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单多选下拉列表控件;基于 LovCombo ; * 作者:中国.湖南.长沙.... * * 功能: * 1.... * 要求:★ 数据必须有唯一非空KEY,其字段名作为COMBO的valueField属性名称 */
在本文中,我们将深入探讨EasyUI中的Combobox组件以及如何实现与后台的交互。EasyUI是一个基于jQuery的轻量级前端框架,它提供了一系列易于使用的UI组件,包括Combobox,用于创建下拉列表框,同时支持后台数据加载,...
EXT多选COMBO是一种在EXTJS框架中实现的组件,用于创建具有多选功能的下拉框。EXTJS是一款强大的JavaScript UI库,它提供了一系列预定义的组件,帮助开发者构建富客户端应用程序。在这个特定的场景中,“EXT多选...
3. `valueField`:指定选中项对应的值字段名。 4. `queryMode`:设置查询模式,如“local”(本地数据查询)或“remote”(远程数据查询)。 5. `cascadeFrom`:用于指定级联关系的父级`ComboBox` ID。 在级联过程...
下面我们将深入探讨Combobox的使用方式,包括使用数组和后台数据,以及如何实现多个Combobox共享数据源,以及如何将Combobox的valueField值回传到后台。 1. **使用数组创建Combobox**: - 首先定义一个数组,包含...
"unigui_easyui_combo_下拉panel"这个主题涉及到的是在Unigui中集成EasyUI的下拉组合框(ComboBox)和Panel组件。下拉组合框是一种常见的输入控件,它结合了文本输入框和下拉列表的功能,用户可以在输入框中输入文字...
因此,引入分页机制可以有效地解决这个问题,只在用户需要时加载更多数据。 首先,我们需要了解EXTJS 4.2中的Combobox组件。Combobox是EXTJS中的一种表单字段,它结合了文本输入框和下拉菜单,允许用户从预定义的...
这通常与`valueField`和`displayField`配置有关。 5. **配置项**:自定义的MultiCombox可能增加一些特定的配置项,如`allowMultiple`、`maxSelections`等,以控制多选行为。 6. **事件处理**:除了基本的选择行为...
在EXT控件中,"lovcombo"(即Love Combo)是一种特殊的ComboBox,通常用于显示一个列表,其中每个项可以被选择,类似于下拉框。这个lovcombo控件的特色在于它支持多选,通过复选框(checkboxes)来实现这一功能,...
select: function(combo, record) { cityStore.getProxy().setExtraParams({provinceId: record.get('id')}); cityStore.load(); } } }); var cityComboBox = Ext.create('Ext.form.field.ComboBox', { store...
- 创建EXT.form.field.TreeCombo实例,配置store、displayField、valueField等属性 - 添加事件监听器,如'expand'、'select'等 - 将COMBO TREE组件添加到一个布局容器(如EXT.container.Viewport或EXT.container.Box...
6. **代码实现**:在`lovcombo.js`中,你需要创建一个EXTJS的Combo实例,并设置必要的配置项如`store`、`displayField`、`valueField`以及`multiSelect`等。`store`通常会连接到一个数据源,`displayField`指定显示...
#### 一、问题背景 在给定的示例中,开发者希望在`ComboBox`中手动添加一项“所有”。然而,直接通过`option`的方式并不能实现这个需求,因为`ComboBox`使用的是`store`来管理数据。因此,我们需要采用一种不同的...
此外,我们还需要配置`valueField`和`displayField`,分别指定存储在记录中的选定值字段和显示给用户的字段。 至于搜索功能,ComboBox内建了基本的文本匹配功能。通过`queryMode: 'local'`,我们可以让ComboBox在...
2. 异步加载:如果数据量大,可以使用分页加载,避免一次性加载过多数据导致性能问题。 3. 错误处理:添加错误处理机制,如请求失败时的提示和恢复操作。 综上所述,实现ExtJS的Combobox二级联动主要是通过监听事件...
valueField: 'valueField', // JSON对象中的值字段 textField: 'textField', // JSON对象中的显示文本字段 data: data }); }); ``` ##### 2. 直接加载本地JSON数据 当数据已经存在于客户端时,可以直接加载...
在上述代码中,`url`属性指定了后台请求的ACTION方法,`valueField`和`textField`分别设置下拉列表的值字段和文本字段。`onLoadSuccess`回调函数用于处理加载成功后的逻辑,如在编辑模式下设置初始选中值。 在...
queryParam : 'autoContent',//向后台传递输入框中的值 minChars : 2, fieldLabel : '填写自动提示内容', emptyText : '--请填写--', selectOnFocus : true, id : 'autos', name : 'autos', valueField : '...
- GridCombo的`displayField`和`valueField`依然适用,但可以扩展到多个字段,例如,`displayFields`可以是一系列字段,用于构建复杂显示。 3. **配置和使用** - 创建ComboBox或Combogrid时,需要定义其配置项,...