`
favey
  • 浏览: 121511 次
  • 性别: Icon_minigender_1
  • 来自: 东莞
社区版块
存档分类
最新评论

ExtJS Combobox 属性详解和默认值选中

阅读更多

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各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)

    extjs4 ComboBox 点击下拉框 出现grid效果

    在实际项目中,你应该根据需求选择合适的库版本,并通过`ext.js`或`ext-dev.js`引入EXTJS的核心库,然后根据需要引入其他组件,比如ComboBox和Grid。 总结来说,EXTJS4的ComboBox可以通过自定义事件处理和组件嵌套...

    extjs 自动补全 模拟combobox

    总之,EXTJS的Combobox组件结合适当的配置和事件监听,可以轻松实现自动补全功能,无论是本地数据还是远程数据源,都能提供高效且友好的用户体验。在实际开发中,你可以根据项目需求灵活运用这些特性,提高应用的...

    extjs editgrid combobox 回显

    实现`EditGrid`中`ComboBox`的值回显至网格的关键在于正确配置`ComboBox`的`valueField`和`displayField`属性,以及在`ColumnModel`中设置适当的`renderer`函数来处理数据展示。 - **`valueField`与`displayField`*...

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

    1. **配置多选**:通过设置`multiSelect: true`属性,可以让ComboBox支持多选模式。用户可以通过Ctrl或Shift键进行多选。 2. **实时搜索**:实现搜索功能需要监听ComboBox的`keyup`事件,并在此事件处理器中应用...

    ExtJS Combobox二级联动列子

    1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:指两个或多个Combobox之间存在依赖关系,当一个Combobox的值改变时,另一个...

    EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf

    通过合理设置这些组件和属性,可以构建出具有动态联动效果的下拉菜单,同时确保在数据提交时正确地传递选定的值。这样的功能对于多级关联数据的输入场景非常有用,提高了用户界面的交互性和数据一致性。

    extJs ComboBox级联

    在ExtJS框架中,ComboBox是一个可选列表的输入框组件,它结合了文本输入和下拉列表的特性,为用户提供了一种方便的交互方式。级联ComboBox意味着两个或多个ComboBox之间存在关联,当用户在一个ComboBox中做出选择时...

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入...通过阅读和理解这些代码,你可以更好地掌握EXTJS 3.x Combobox的智能联想功能,并根据实际需求进行定制和优化。

    ExtJS4给Combobox设置列表中的默认值示例

    在ExtJS4中,设置Combobox的默认值涉及几个步骤:定义数据模型(Model)、数据存储(Store)、和数据代理(Proxy)。 ### 2. 模型定义 首先,需要定义一个模型(Model),它用于描述数据结构。在我们的例子中,...

    extjs的ComboBox 2级联动

    ExtJS的ComboBox是一个非常强大的组件,它用于创建下拉选择框。在Web应用程序中,我们经常需要实现二级联动效果,即一个ComboBox的选择会影响另一个ComboBox的显示内容。这在数据关联和筛选场景中尤为常见,例如省份...

    extjs核心api详解

    标题:extjs核心api详解 ...总之,extjs核心api详解是一个全面而深入的指南,它不仅介绍了extjs的基本概念和api,还提供了大量的示例代码和最佳实践,对于想要深入学习和掌握extjs的开发者来说,是一份宝贵的资源。

    extjs实例说明详解

    本资源“extjs实例说明详解”旨在帮助新手快速掌握ExtJS的基本用法和API。 1. **Ext.Element**:这是ExtJS中的基础类,几乎所有的UI元素都是基于此构建的。它提供了大量的DOM操作方法,如样式设置、尺寸调整、事件...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...

    extJs4 ComboBox组合框实例

    extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释

    extjs 凌厉开发详解与实践

    extjs 凌厉开发详解与实践

    ExtJs实例详解(个组件的属性方法例子应有尽有)

    ExtJs的各种组件面板等的实例代码详解 以及实例的效果图显示

    Extjs核心API详解

    资源名称:Extjs核心API详解资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    Extjs核心api详解

    ### Extjs核心API详解 #### 一、Extjs概述与基础API Extjs是一个功能强大的JavaScript框架,用于构建复杂的Web应用程序。它提供了大量的UI组件、数据处理能力以及丰富的API来帮助开发者快速构建交互式界面。 ####...

    Extjs中ComboBox加载并赋初值的实现方法

    接下来,我们将详细解析如何在Extjs中为ComboBox组件加载数据并设置初始选中项。 首先,Extjs中ComboBox组件的数据加载通常是通过其绑定的store来完成的。store是Extjs用来存储数据集的一个对象,它可以是一个本地...

Global site tag (gtag.js) - Google Analytics