`
jackleechina
  • 浏览: 587370 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

备注Ext配置comboBox时注意事项

 
阅读更多
1)若使用Store.loadData()方法,则在 Ext.create("Ext.data.Store",{data:...})中必须定义data字段。
2)注意定义Store时,配置data时的属性名(即下面的styleNo)
Ext.create("Ext.data.Store",{
	    	id:"styleNoStore",
	    	fields:[
	    		"styleNo"
	    	],
	    	data:[{"styleNo":"a"},{"styleNo":"b"}]
//	    	data:[["a"],["b"]]  //这个和{xtype:"combo",fieldLabel:"View Style",name:"accessory.styleNo",id:"accessory.styleNo", store:styleNoStore,field:"styleNo", emptyText:"Please select!", allowBlank:false,forceSelection:true,anchor:"100%" }一起配置后,不正常。不能显示值。正确写法需使用ArrayStore,而不是Store,如下
	    });

Ext.create("Ext.data.ArrayStore",{
	    	id:"styleNoStore",
	    	fields:[
	    		{name:"styleNo"}
	    	],
	    	data:[["a"],["b"]]  
	    });



3)第一次动态加载comboBox下拉值失败问题
Ext.create("Ext.data.Store",{
	    	id:"styleNoStore",
	    	fields:[
	    		"styleNo"
	    	],
	    	data:[]
	    });

    上面这种不写出fields的name属性的方式,在snStore.loadData([["a"],["b1"]]);时,会出现第一次动态加载的值不显示
Ext.create("Ext.data.Store",{
	    	id:"styleNoStore",
	    	fields:[
	    		{name:"styleNo"}
	    	],
	    	data:[]
	    });

    这种写法在snStore.loadData([{"styleNo":"Genneral"},{"styleNo":"L11-032"}]);时,则不会有上述问题。

4)snStore.loadData()第一次动态加载comboBox的下载数据会无效的解决办法。
lastQuery:'' 

增加上面的配置项,可以解决此bug。
摘自:[url]
http://www.cnitblog.com/yemoo/archive/2009/07/28/44724.html[/url]
5)两种方式获取store
a)
Ext.create("Ext.data.Store",{
      id:"styleNoStore";
      fields:[
	   {name:"styleNo"}
	    	],
      data:[]
  });
  var snStore=Ext.StoreManager.lookup("styleNoStore");

  b)
var styleNoStore= Ext.create("Ext.data.Store",{
	    	fields:[
	    		{name:"styleNo"}
	    	],
	    	data:[]
});
styleNoStore.loadData(eval("("+accessory.styleNo+")"));

6)
{xtype:"grid",
							store:"accessoryBillStore",
							/*height:500,与"父面板的height值相互影响,在点击grid中的数据行时,页面显示会起变化。(首次加载时,grid的高度若小于500,则在点击grid中的数据行后,grid的高度会变成500.)"*/
							scroll: true,//'horizontal','vertical','both'(同true);
							width:1000,//IE8中若不配置width,显示不了grid的数据。
         .......
}

 
分享到:
评论

相关推荐

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

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

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

    在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的是一个特别的ComboBox实现,它不仅允许用户从下拉列表中选择多个选项,还具备搜索功能,使得用户可以更高效地找到他们想要的选择项。 ComboBox在...

    ext combobox二级联动

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

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

    本篇我们将深入探讨“Ext comboBox的remote模式”及其联想功能的实现。 在Ext JS的comboBox中,远程模式(remote mode)是一种数据加载策略,它适用于处理大量数据或实时数据的情况。在这种模式下,comboBox不会一...

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

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

    Ext组合框comboBox带分页

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

    Ext ComboboxGrid

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

    EXT2_combobox_form.rar_combobox ext_ext

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

    Ext带图标Combobox

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

    Ext 组合框 ComboBox 参数详解

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

    Ext ComBobox 附带完整附件

    2. **数据绑定**:Ext JS支持数据绑定,这意味着ComBobox的选项可以直接与后台数据源关联,当数据源发生变化时,组合框会自动更新,反之亦然。 3. **模板和渲染**:DmaComboBox.js可能包含了自定义的模板和渲染逻辑...

    Ext2.0本地模式动态修改combobox选择项

    标题中的“Ext2.0本地模式动态修改combobox选择项”指的是使用Ext JS 2.0框架中的Combobox组件在本地数据模式下实现动态更新选择项的功能。Ext JS是一个流行的JavaScript库,主要用于构建富客户端Web应用程序。...

    extjs的ComboBox 2级联动

    var provinceComboBox = Ext.create('Ext.form.ComboBox', { store: provincesStore, displayField: 'name', valueField: 'id', queryMode: 'local', listeners: { select: function(combo, record) { // 在...

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    在Ext JS中,创建一个ComboBox实例通常需要配置以下属性: 1. `fieldLabel`:设置输入框的标签。 2. `store`:存储下拉列表选项的数据源,可以是本地数组或远程数据源。 3. `displayField`:显示在输入框中的字段名...

    Ext->editgrid+combobox

    Ext中的Combobox下来框在EditGrid中的应用。Combobox显示值问题得以解决。

    Ext多选下拉框

    在Ext JS这个强大的JavaScript框架中,多选下拉框(Multi Select ComboBox)是一种常见的组件,用于提供用户在多个选项中进行选择的功能。这种组件在数据输入、筛选或配置设置等场景中非常实用。本篇文章将深入探讨...

    extjs3.x combobox智能联想

    1. `store`:这是Combobox的数据源,通常是一个Ext.data.Store对象,包含了待选项的数据。你需要设置好`fields`来定义每个选项的结构,并提供数据源URL或本地数据。 2. `queryMode`:默认情况下,Combobox的查询...

Global site tag (gtag.js) - Google Analytics