`
liubl2011
  • 浏览: 236790 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

Extjs4 下拉框combo的重复取值和联动问题

阅读更多
Extjs 版本ext-4.0.2a
本人在做下拉框绑定store的时候,有两种情况产生
一是联动的时候第二个下拉框会去请求后台出来个状态小圈,结果什么值也没取得。
二是下拉框debug的时候点击下拉框请求了两遍后台。
产生原因是Extjs4默认取得数据集是请求绑定的store的url,而联动或者显示的时候我们一般是先加载好了store,这样就出现重复请求的状况发生,而联动的时候点击第二个下拉框他会请求store而不是加载已经加载好的store。
我们只要设置queryMode:'local'下拉框就会请求本地已经加载好的store。
{
    id: 'template_code',
    fieldLabel: '模板',
    xtype: 'combo',
    name: 'template_code',
    store: templatestore,
    valueField: 'template_code',
    displayField: 'template_name',
    emptyText: '选择状态...',
    queryMode:'local', //请求本地加载好的store,不发送后台请求
    selectOnFocus: true,
    forceSelection: true,
    editable: false,
    allowBlank: false,
    listeners: {
    	change: function(){
             //取得下拉框显示的名赋值给另一个元素
	     Ext.getCmp("template_name").setValue(Ext.getCmp("template_code").getRawValue());
	}
    }
}

注意在Extjs3中的设置是mode: 'local',Extjs3以前做过的东西copy过来都不好用很郁闷。
小宝制造。
分享到:
评论

相关推荐

    Extjs 轻松实现下拉框联动

    最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵

    EXTJS 选下拉框,并取得下拉框的值

    总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField`和`valueField`来定义选项和获取选定值。使用`getValue()`方法可以获取选定的值,而`select`...

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

    这种自定义的行为需要对EXTJS4的事件处理和组件嵌套有深入的理解。 首先,你需要监听ComboBox的`expand`事件,这个事件会在下拉框展开时触发。然后,在事件处理器中,你可以创建一个Grid实例,并设置其数据源。Grid...

    extjs多选 下拉框扩展

    这个“extjs多选 下拉框扩展”就是解决这个问题的一种方案。 首先,我们要理解ExtJS的ComboBox的基本结构。ComboBox由一个输入框和一个下拉列表组成,用户可以在输入框中输入文字,或者点击下拉箭头来浏览和选择...

    extjs实现下拉框多选

    记住,ExtJS 提供了丰富的API和文档,可以帮助你解决这些问题。 最后,`multiCombox` 文件名可能指的是一个包含实现多选下拉框功能的代码或示例的文件。如果你有这个文件,可以参考其中的内容,结合上述讲解来理解...

    extjs多选下拉框

    下面将详细解释EXTJS多选下拉框的实现原理和相关知识点。 首先,EXTJS的ComboBox组件本身是单选的,但通过扩展和自定义,可以实现多选功能。`lovcombo.js`文件很可能包含了实现这一功能的代码,其中可能包括了对...

    ExtJs4.2 下拉框树

    在描述中提到,原生的ExtJs 4.2下拉框在展开时可能会遇到一些问题,比如默认显示根节点、最小高度时无法自动调整高度等。为了解决这些问题,开发者通常需要对源代码进行一些修改。 首先,我们来看`TreePicker.js`这...

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

    总的来说,实现这样一个多选下拉框需要对ExtJS的组件系统有深入理解,包括Store、模板、事件处理和自定义组件的构建。通过`LovCombo.js`中的源码,开发者可以学习到如何扩展和定制ExtJS组件,以及如何处理多选和全选...

    EXTJS多选下拉框

    在EXTJS中,多选下拉框(Lovcombo)是一种常见的组件,它结合了选择列表和输入框的功能,允许用户从预定义的选项中选择多个条目。这个lovcombo是lov(List-Value)和combo(组合框)的结合体,提供了丰富的交互性和...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    在EXTJS4中,`ComboBox` 是一个非常常用的组件,它提供了一个下拉选择框的功能。在某些场景下,我们可能需要在下拉菜单中展示更丰富的信息,比如表格数据,这时就可以使用 `GridComboBox`。`GridComboBox` 结合了 `...

    ExtJS 3.1 下拉框 与aps.net绑定使用

    总结来说,ExtJS 3.1的下拉框结合ASP.NET可以实现灵活的数据绑定和交互,为Web应用程序提供动态、丰富的用户体验。通过理解Store、Display Field、Value Field以及Query Mode等核心概念,你可以根据实际需求定制出...

    ExtJs4.2下拉树(修改版)

    ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...

    Extjs6中Combobox实现下拉多选

    该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能

    最简单的下拉框联动不刷新页面示例

    在网页开发中,下拉框联动是一种常见的交互设计,它允许用户在选择一个下拉框选项后,另一个相关的下拉框会自动更新其内容,而无需整个页面进行刷新。这种功能提高了用户体验,减少了不必要的数据传输,加快了页面...

    修复Extjs4.2 时间下拉框不能选择问题

    Extjs4.2 时间下拉框的 年和月是不可以选择的, 本插件可完美修复, 且在4.2.3上面测试的, 花了几天修复的所以分数高点;

    Extjs 4.1 下拉框 Tree 的实现(mvc)

    本文将深入探讨如何在ExtJS 4.1环境中利用MVC架构实现一个功能丰富的下拉框(Tree ComboBox),并结合具体代码示例进行详细解析。 ### ExtJS 4.1 下拉框Tree实现(MVC) #### 1. MVC架构简介 MVC,即Model-View-...

    Ext combo 下拉框级联

    实现级联下拉框的核心在于数据的联动和更新。这通常通过监听第一个下拉框的选中事件来完成,当用户在父级ComboBox中选择一个项时,会触发一个事件,这个事件可以用来更新子级ComboBox的数据源。在Ext JS中,可以通过...

    extjs表单中的下拉框(comobobox)手动添加空选项

    ### ExtJS表单中的下拉框(ComboBox)手动添加空选项 在开发Web应用程序时,ExtJS 是一个非常强大的库,它提供了丰富的组件和API来帮助开发者构建复杂的用户界面。其中一个常用的组件就是`ComboBox`(组合框),它...

    extjs 复选下拉框的例子

    本文将深入探讨如何在ExtJS中实现复选下拉框(Multiselect ComboBox),并提供一个具体示例,帮助开发者更好地理解和应用这一功能。 ### ExtJS复选下拉框的实现 复选下拉框在用户界面设计中非常有用,它允许用户从...

    ExtJs学习例子:多级联动下拉菜单演示例子

    一共3个文件: ...getData.asp data.mdb 前台采用ExtJs 2.2.1编写(由于库文件比较大,考虑到大家本机都有了,所以在此没有上传,大家直接改一下路径即可),后台采用asp+access...本例子演示的4级联动菜单:州+国家+城市+地区

Global site tag (gtag.js) - Google Analytics