var combo=new new Ext.form.ComboBox({
id:'combo_',
name:'name',//name只是改下拉的名称
hiddenName:'id',//提交到后台的input的name ,对应下面store里的''id,必须要填
width : 80,
store : store,//填充数据
emptyText : '请选择',
mode : 'local',//数据模式,local代表本地数据
readOnly : true,//是否只读
value :'',//默认值,要设置为提交给后台的值,不要设置为显示文本,可选
triggerAction : 'all',// 显示所有下列数据,一定要设置属性triggerAction为all
allowBlank : false,//不允许为空
valueField : 'value',//值,可选
displayField : 'text',//显示文本 ,对应下面store里的'text',
editable: false,//是否允许输入
forceSelection: true,//必须选择一个选项
blankText:'请选择'//该项如果没有选择,则提示错误信息
});
var store = new Ext.data.SimpleStore({
fields : ['id', 'text'],
data : [['1', '一月'], ['2', '二月'], ['3', '三月'], ['4', '四月'],
['5', '五月'], ['6', '六月'], ['7', '七月'], ['8', '八月'],
['9', '九月'], ['10', '十月'], ['11', '十一月'], ['12', '十二月']]
});
这里设置默认值时候花费了我半天时间做各种测试,并参考了网上其他方法,但无一成功,很是郁闷,最后终于找到方法了:
combobox里的id一定要设置,并且不能和hiddenname的值相同,然后通过Ext.getCmp(id值).setValue(value)即可达到html里的select效果,注意这里的value表示的是store里的第几项!
分享到:
相关推荐
ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)
在实际项目中,你应该根据需求选择合适的库版本,并通过`ext.js`或`ext-dev.js`引入EXTJS的核心库,然后根据需要引入其他组件,比如ComboBox和Grid。 总结来说,EXTJS4的ComboBox可以通过自定义事件处理和组件嵌套...
总之,EXTJS的Combobox组件结合适当的配置和事件监听,可以轻松实现自动补全功能,无论是本地数据还是远程数据源,都能提供高效且友好的用户体验。在实际开发中,你可以根据项目需求灵活运用这些特性,提高应用的...
实现`EditGrid`中`ComboBox`的值回显至网格的关键在于正确配置`ComboBox`的`valueField`和`displayField`属性,以及在`ColumnModel`中设置适当的`renderer`函数来处理数据展示。 - **`valueField`与`displayField`*...
1. **配置多选**:通过设置`multiSelect: true`属性,可以让ComboBox支持多选模式。用户可以通过Ctrl或Shift键进行多选。 2. **实时搜索**:实现搜索功能需要监听ComboBox的`keyup`事件,并在此事件处理器中应用...
1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:指两个或多个Combobox之间存在依赖关系,当一个Combobox的值改变时,另一个...
通过合理设置这些组件和属性,可以构建出具有动态联动效果的下拉菜单,同时确保在数据提交时正确地传递选定的值。这样的功能对于多级关联数据的输入场景非常有用,提高了用户界面的交互性和数据一致性。
在ExtJS框架中,ComboBox是一个可选列表的输入框组件,它结合了文本输入和下拉列表的特性,为用户提供了一种方便的交互方式。级联ComboBox意味着两个或多个ComboBox之间存在关联,当用户在一个ComboBox中做出选择时...
在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入...通过阅读和理解这些代码,你可以更好地掌握EXTJS 3.x Combobox的智能联想功能,并根据实际需求进行定制和优化。
在ExtJS4中,设置Combobox的默认值涉及几个步骤:定义数据模型(Model)、数据存储(Store)、和数据代理(Proxy)。 ### 2. 模型定义 首先,需要定义一个模型(Model),它用于描述数据结构。在我们的例子中,...
本文将深入探讨两种ExtJS 4中的布局方式:Accordion布局和Border布局。 首先,我们来看Accordion布局。Accordion布局,又称为手风琴布局,它的特点是只有一个面板处于展开状态,其余面板均折叠。这种布局适用于展示...
ExtJS的ComboBox是一个非常强大的组件,它用于创建下拉选择框。在Web应用程序中,我们经常需要实现二级联动效果,即一个ComboBox的选择会影响另一个ComboBox的显示内容。这在数据关联和筛选场景中尤为常见,例如省份...
在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...
标题:extjs核心api详解 ...总之,extjs核心api详解是一个全面而深入的指南,它不仅介绍了extjs的基本概念和api,还提供了大量的示例代码和最佳实践,对于想要深入学习和掌握extjs的开发者来说,是一份宝贵的资源。
本资源“extjs实例说明详解”旨在帮助新手快速掌握ExtJS的基本用法和API。 1. **Ext.Element**:这是ExtJS中的基础类,几乎所有的UI元素都是基于此构建的。它提供了大量的DOM操作方法,如样式设置、尺寸调整、事件...
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
extjs 凌厉开发详解与实践
ExtJs的各种组件面板等的实例代码详解 以及实例的效果图显示
资源名称:Extjs核心API详解资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
接下来,我们将详细解析如何在Extjs中为ComboBox组件加载数据并设置初始选中项。 首先,Extjs中ComboBox组件的数据加载通常是通过其绑定的store来完成的。store是Extjs用来存储数据集的一个对象,它可以是一个本地...