首先说明一下
store通过数据库查询结果如
text:1 value: aaaa
text:2 value: bbbb
text:3 value: cccc
text:4 value: dddd
问题:
怎样通过text设置ComboBox的默认值,即只知道2,不知道查询结果里2到底对应什么,通过text=2使combobox默认值为 bbbb
deviceTypeField = new Ext.form.ComboBox( {
id : 'deviceTypeFieldId',
name : 'deviceType',
hiddenName : 'deviceType',
store : new Ext.data.Store({
autoLoad : true,
proxy : new Ext.data.HttpProxy({
url : Gims + 'common/listDictionaryForComboBox.do?tablename=GIMSITDEVICE&clmname=DEVICETYPE'
}),
reader : new Ext.data.JsonReader({
totalProperty : 'total',
id : 'value',
root : 'list'
}, [{name : 'value'}, {name : 'text'}]
),
sortInfo : {
field : 'value',
direction : 'ASC'
},
listeners : {
load : function (){
//detailITDevice.deviceType就是问题中提到的2
Ext.getCmp('deviceTypeFieldId').setValue(detailITDevice.deviceType); }
}
}),
pageSize : 12,
editable : false,
mode : 'remote',
minChars : 0,
triggerAction : 'all',
displayField : 'text',
valueField : 'value',
fieldLabel : '设备类型',
anchor : '90%'
})
分享到:
相关推荐
$('#xxx').combobox('setValue',11); $('#epsId_combo').combobox('selectedIndex',0); <pre class=html name=code><select id='xxx' class=easyui-combobox style=width: 180px;> 第一个 第二个 第三个 <...
例如,可以通过调用`store.find()`方法找到与当前值匹配的记录,然后从该记录中提取`displayField`对应的值进行显示。 4. **处理空值情况**:在`renderer`函数中,还需要考虑当前`ComboBox`未选择任何项的情况,...
在回调函数中,我们调用`setValue`方法来设置Combobox的默认值为“q1”,代表“第一季度”。 ### 4. 组件配置 在ExtJS中,Combobox组件需要被添加到某个容器或页面元素中。通过`ExtJs`的`Cmp`方法可以创建一个...
在本文中,我们将深入探讨如何设置 ComboBox 的默认值、如何使用服务器数据作为数据源以及 ComboBox 数据源 store 的不同格式。 1. 设置 ComboBox 默认值: 在 ExtJS 中,初始化 ComboBox 时,可以通过配置项 `...
标题"ext设置分页大小.rar"暗示了这是一个关于EXT库中调整分页大小的手动教程或者代码资源,可能包含了一些示例文件。描述中的"ext设置 手工 分页大小"再次强调了这一主题,意味着我们将探讨如何手动配置EXT中的分页...
### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...
4.3.3 ext.function中的静态方法 / 120 4.3.4 ext.array中的静态方法 / 127 4.3.5 ext.error中的静态方法 / 133 4.4 深入了解类的创建及管理 / 135 4.4.1 开始创建类 / 135 4.4.2 创建类的类:ext.class / 137...
- **数据返回**:服务器返回的数据被EXTJS的Combobox接收,并更新store中的数据,进而更新下拉列表的显示。 3. **EXTJS与PHP的通信**: 通常使用EXTJS的`Ext.Ajax.request`方法来发起Ajax请求,指定URL(如'...
在这个文件中,可能会定义一个或多个EXT组件,比如ComboBox,然后设置它们的事件监听器,如`select`事件。当用户在省份ComboBox中做出选择时,会触发这个事件,然后发送一个AJAX请求到服务器。请求的目标可能是`test...
对于ComboBox可没这么简单… 版本 Ext JS Library 3.0.0 正文 一、问题 1.1 截图 1.2 代码 1.2.1 前端代码 代码如下: [removed] // function ExtStore(url) { return new Ext.data.Store({ proxy: new Ext.data....
这里讨论的是关于`Ext.form.FormPanel`、`Ext.data.SimpleStore`以及`Ext.getCmp`方法的使用,以及如何设置下拉框(ComboBox)的默认选中值。 首先,`Ext.form.FormPanel`是EXTJS中用于创建表单的类,它允许我们...
- `Ext.apply()`方法用于合并两个对象,第二个对象中的属性会覆盖第一个对象中同名的属性。 - `Ext.applyIf()`方法同样用于合并两个对象,但只有当第一个对象中没有同名属性时才会添加。 #### 三、消息框 - **...
7. **formPanel加载数据**:在formPanel中加载数据时,如果包含combobox等下拉列表,需要处理好数据绑定和默认值设置。 8. **动态显示时间**:ExtJS可以实时更新页面上的时间,提供动态的时间显示功能,常用于实时...
`Toolbar` 组件可以通过 `Ext.create` 方法创建,并传递配置项。例如,在给定的代码片段中,可以看到 `tbar` 属性定义了一个工具栏: ```javascript tbar: Ext.create('Ext.toolbar.Toolbar', { items: [ // 工具...
- **Ext.apply()和Ext.applyIf()**: 这两个方法用于合并对象属性,是Extjs中常用的设计模式之一。 #### 消息框 消息框是与用户交互的重要手段之一。本章详细介绍了Extjs提供的多种消息框类型及其使用方法。 - **...