`
houjuan1990
  • 浏览: 21080 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext ComboBox设置选中初始值的问题解决方案

    博客分类:
  • EXT
阅读更多
一定要注意的问题:
1、autoLoad:true,一定要设置autoLoad的值为true,否则显示的是value 而不是text
2、一定要添加监听事件:comboBox一定要设置id;用setValue方法为其设置选中值的value,对应的就是store中选项!

var storezone = new Ext.data.Store({
				autoLoad : true,
			 	proxy:new Ext.data.HttpProxy({url:'zone.do?op=toAddMerchant'}),
			 	reader:new Ext.data.ArrayReader({},[
			 		{name:'zoneid'},
			 		{name:'zonename'}
			 	]),
			 	listeners :{   
                      load:function(){   
                      	Ext.getCmp('test').setValue(<%=mer.getZoneId()%>);   
                      }   
                }
			 });
			 
			 var zone_comb = {
				fieldLabel:'地  区',
				xtype:'combo',
				id:'test',
				allowBlank:false,
				blankText:'请选择地区,地区不能为空!',
				emptyText:'请选择',
				triggerAction:'all',
				width:130,
				hiddenName:'zoneid',
				valueField:'zoneid',
				displayField:'zonename',
				minListWidth:250,
				pageSize:5,
				resizable:true,
				mode:'remote',
				store:storezone,
				editable : false,
				lazyInit : false
			};
分享到:
评论

相关推荐

    Ext4.0 动态修改ComboBox选择项(本地模式)

    首先,你需要创建一个ComboBox实例,指定它的配置项,如store(数据源)、displayField(显示字段)和valueField(值字段)。例如: ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { ...

    ext combobox二级联动

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

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

    而“下拉多选框”意味着这个ComboBox支持多选模式,用户可以选择多个值而不是仅限于一个。结合“带搜索功能”的描述,我们可以推断出这是一个定制的ComboBox,它增加了实时搜索功能,用户在输入框中输入文本时,下拉...

    Ext ComboboxGrid

    "Ext ComboboxGrid"是一个基于Ext JS框架的组件,它结合了下拉框(ComboBox)和数据网格(Grid)的功能,提供了一种更强大的选择和筛选数据的方式。在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则...

    combobox设置默认选项

    ZK中combobox的设置,combobox默认选项的设置,

    Ext comboBox的remote模式,联想功能实现

    3. **valueField**:定义选中项对应的值字段,用于保存用户选择的值。 4. **queryMode**:设置为'remote'以启用远程查询。这将触发comboBox在用户输入时向服务器发送请求。 5. **queryParam**:指定发送到服务器的...

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

    Ext ComBobox 附带完整附件

    Ext ComBobox是一款基于JavaScript库Ext JS开发的下拉组合框组件,它为用户界面提供了一种高效、灵活且功能丰富的选择输入方式。这个组件通常用于在网页应用中实现复杂的数据选择,比如从一个长列表中选取一项或者...

    combobox Ext之扩展组件多选下拉框

    - `getValue()`和`setValue(values)`方法用于获取和设置多选值。 6. **用户交互优化**: - 可以通过`minWidth`和`maxHeight`设置下拉列表的最小宽度和最大高度,提升用户体验。 - `forceSelection`:如果设为`...

    Ext组合框comboBox带分页

    用EXT来实现下拉框ComboBox 下拉框可以实现分页

    extjs的ComboBox 2级联动

    ComboBox由几个关键部分组成,包括store(数据存储)、displayField(显示字段)和valueField(值字段)。Store用于存储选项数据,displayField定义了在下拉列表中显示的字段,而valueField则标识选中项的唯一标识。...

    Ext 组合框 ComboBox 参数详解

    该资源是war包,里面包括ComboBox中的各个参数, 详细讲解在我的文档中有

    EasyUI Combobox设置默认值 获取text的方法

    在EasyUI中,可以通过`setValue`方法来设定Combobox的初始值。例如,如果我们要将 Combobox 的值设置为11,可以使用以下代码: ```javascript $('#xxx').combobox('setValue', 11); ``` 这里的`#xxx`是Combobox的...

    ExtJS Combobox二级联动列子

    3. 设置联动:在一级Combobox的`select`事件中,获取选中的值,然后根据这个值动态更新二级Combobox的Store。 4. 渲染界面:将Combobox添加到面板或窗口中,展示给用户。 四、示例代码 这里我们以一个简单的省份和...

    Ext带图标Combobox

    而"Ext带图标Combobox"(Ext IconCombobox)是Ext JS中的一个特色组件,它是Combobox(下拉框)与图标相结合的一种扩展形式,为用户提供了更加直观且美观的交互体验。 **1. Ext Combobox基础** 首先,我们需要了解...

    Combobox控件某些项不能选的例子

    7. **解决方案** - 检查并修正代码中的逻辑错误,确保所有项的Enabled和Visible属性设置正确。 - 更新或修复数据源,确保所有选项都可供选择。 - 清理并重新应用样式,如果使用了自定义样式。 通过以上分析和...

    EXT2_combobox_form.rar_combobox ext_ext

    EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目,其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库,主要用于构建富客户端应用,特别是Web应用的用户...

Global site tag (gtag.js) - Google Analytics