`
topcss
  • 浏览: 100783 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
文章分类
社区版块
存档分类
最新评论

解决Ext中一直无法实现ComboBox自动选择第一项的问题。

 
阅读更多

问题所在:因为之前是将data添加到Proxy中了,所以一直出不来结果。

参考链接:http://www.sencha.com/forum/showthread.php?178246-combobox-local-store-and-data-set-default-value&p=725745&viewfull=1#post725745

实现代码:

// The data store containing the list of statesv
var states = Ext.create('Ext.data.Store', {
 
    fields: ['abbr', 'name'],
 
    data : [
 
        {"abbr":"AL", "name":"Alabama"},
 
        {"abbr":"AK", "name":"Alaska"},
 
        {"abbr":"AZ", "name":"Arizona"}
 
        //...
 
    ]
}
});



/
// Create the combo box, attached to the states data store
E
Ext.create('Ext.form.ComboBox', {
 
    fieldLabel: 'Choose State',
 
    store: states,
 
    queryMode: 'local',
 
    displayField: 'name',
 
    valueField: 'abbr',
 
    value:'AZ',
 
    renderTo: Ext.getBody()
}
});
 
分享到:
评论

相关推荐

    EXT自动完成(此处为自动添加邮箱后缀,可以添加其他内容)

    autoSelect: true, // 是否自动选择第一个匹配项 forceSelection: true // 是否只允许选择列表中的值 } ``` 这段代码定义了一个Combobox,它的数据源是一个数组,包含了两个示例邮箱地址。`displayField`和`...

    Extjs学习笔记(-):ComboBox联动

    当用户在第一个ComboBox中做出选择时,触发相应的事件处理器,这里可以使用`Ext.getCmp`或`Ext.query`来获取第二个ComboBox并执行相关操作。 3. **数据更新**:在事件处理器中,我们根据第一个ComboBox选择的值去...

    ext combox 下拉框不出现自动提示,自动选中的解决方法

    在EXT JS框架中,`Ext.form.ComboBox`是一个用于创建下拉选择框的组件,它提供了丰富的功能,包括自动提示和自动选中等。在你遇到的问题中,下拉框不出现自动提示,也不能自动选中,这通常是由于配置不当或者某些...

    EXT2.0中文教程

    7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 8. 哭泣吧!现在才开始讲基础问题。 8.1. Ext.get 8.2. 要是我们想一下子获得一堆元素咋办? 8.3. DomHelper和Template动态生成html 8.3.1. DomHelper用来...

    Ext Js权威指南(.zip.001

    第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用...

    Ext.form表单中各种属性应用详解

    - **lazyRender**: 类型为 `Boolean`,决定是否延迟渲染下拉列表,直到第一次请求时,默认为 `false`。 - **listAlign**: 类型为 `String`,定义下拉列表相对于组合框的位置。 以上介绍了 **Ext.form** 表单中常见...

    Ext 开发指南 学习资料

    7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 7.4. yui自远方来,不亦乐乎 7.4.1. Basic,基础 7.4.2. Handles,把手 7.4.3. On Top,总在上边 7.4.4. Proxy,代理 7.4.5. Groups,组 7.4.6. Grid,网格 ...

    Ext开发过程中的自学笔记

    在使用Ext进行Web应用开发时,Combobox是一个非常常见的组件,用于实现下拉列表选择功能。下面我们将深入探讨Combobox的使用方式,包括使用数组和后台数据,以及如何实现多个Combobox共享数据源,以及如何将Combobox...

    漂亮的Extjs+struts2实现联动下拉

    接下来,在ExtJS的前端代码中,我们可以创建两个ComboBox,第一个ComboBox的选择事件触发AJAX请求,向Struts2 Action发送请求。使用Ext.Ajax请求API,指定URL为Action的地址,同时传递必要的参数。当请求成功返回时...

    Extjs fieldset两行两列布局

    1. **第一列**:宽度为33%(`columnWidth:.33`),内部采用表单布局,包含一个`ComboBox`组件。该下拉框用于选择项目名称和代码值,数据源为一个简单的存储对象(`SimpleStore`),其中包含两个选项(空字符串和数值...

    extjs4.2 分页combo动态条数 源码

    在这个场景中,我们关注的是在EXTJS的Combobox(下拉框)组件中实现分页和动态加载数据的功能。Combobox通常用于展示有限数量的选项,但在大数据集的情况下,一次性加载所有数据可能导致页面性能下降。因此,引入...

    Extjs中文教程

    - `Ext.apply()`方法用于合并两个对象,第二个对象中的属性会覆盖第一个对象中同名的属性。 - `Ext.applyIf()`方法同样用于合并两个对象,但只有当第一个对象中没有同名属性时才会添加。 #### 三、消息框 - **...

    ExtJs XML 省市县级联

    当用户在上级选择框中选择一项时,下级选择框会自动更新其选项,展示与所选上级相关的下级数据。 XML作为一种结构化数据存储格式,被用来存储全国的省市县信息。XML文档的结构清晰,易于解析,适合作为数据源。在...

    ExtJSWeb应用程序开发指南(第2版)

    第1章 认识ExtJS 1.1 ExtJS的精彩表现 1.2 ExtJS的前世今生 1.3 是否真的需要学习ExtJS 1.4 ExtJS4.0新特性 1.5 ExtJSUI组件基础 1.6 了解一下类似技术 1.7 本章小结 第2章 开始ExtJS之旅 2.1 认识ExtJS的...

    Extjs应用教程 提高篇

    在实现过程中,用户需要输入数据库名称,然后从出现的ComboBox列表中选择表名。由于在后台分页中设置了一个初始ID,所以建议选择有ID字段的表,以确保分页功能的正常工作。如果需要,这个ID可以自定义或修改。一旦...

    EfsFrame(java开发框架) v2.2 源代码.rar

    d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应关系为: Kind为 int、float时 datatype默认为 “1” Kind 为 data时 ...

    EfsFrame(net开发框架) v2.2 源代码.rar

    d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应关系为: Kind为 int、float时 datatype默认为 “1” Kind 为 data时 ...

Global site tag (gtag.js) - Google Analytics