ExtJS获取ComboBox远程数据的JsonReader和本地数据的ArrayStore的写法
本文由发表于7年前 | Javascript

使用ArrayStore获取本地数据的方法:
MisTab4.createSexCom = function(){
	var com_brandType = new Ext.form.ComboBox({
		name:'sex',
		id: 'sex',
		fieldLabel: '适用性别',
		mode:'local',
		valueField: 'sexTypeid',
		displayField:'sexTypename',
		allowBlank:false,
		minListWidth:220,
		store: new Ext.data.ArrayStore({
			id:sexCom,
			fields:[
			        'sexTypeid',
			        'sexTypename'
			],
			data:[["MAN","男"],["WOMEN","女"],["NONE","男女不限"]]
		}),
		listeners :{
			expand :function(){
	        	/*下拉框展开时重置,否则不能重新加载列表*/
	        	Ext.getCmp('sex').reset() ; 
	        }
		}
	});
	return com_brandType;
};
使用JsonReader获取远程数据的方法:

首先创建一个Store

使用HttpProxy代码设置url请求,创建JsonReader解析器,最后使用Record的create方法生成一个构造函数,该函数能产生符合规定的Record对象使用mapping属性把记录的值映射到ComboBox对应的配置项中:

MisTab4.getBrandStore = function(){
	var typeStore = new Ext.data.Store({
		proxy:new Ext.data.HttpProxy({
			url:'product/Brand-getAllBrandList.action'
		}),
		reader:new Ext.data.JsonReader({
            totalProperty : 'totalCount',
            root : 'brand'
        },
        Ext.data.Record.create([{name:'brandId',mapping : 'brandId'},
            {name:'brandName',mapping : 'brandName'}])),
	});
	return typeStore;
};

如果返回的数据时一个数组,也可以使用ArrayReader解析:

reader:new Ext.data.ArrayReader({},
	[{name:'brandId'},{name:'brandName'} ]),
也可以使用下面更简单的方法创建Store:
var url = "product/Product-selectType.action";
return new Ext.data.JsonStore({
	root:'productType',
	url: url,
	fields: ['id','name']
});

创建ComboBox组件:

MisTab4.createbrandCom = function(){
	var brandStore = MisTab4.getBrandStore();
	brandStore.load();
	var com_brandType = new Ext.form.ComboBox({
		name:'brandCode1',
		id: 'brandCode1',
		hiddenName:'brandCode',
		store:brandStore,
		fieldLabel: '品 牌',
		mode:'remote',
		triggerAction:'all',
		valueField: 'brandId',
		displayField:'brandName',
		allowBlank:false,
		minListWidth:220
	});
	return com_brandType;
};
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/extjs-combobox-access-to-remote-data-and-local-data-arraystore-jsonreader-wording.html
arthinking 指弹吉他 && 技术 more
分享到:
 
2011 8/6
文章评论
    没有评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 追逐梦想的步伐 SMART目标和实用投资计划(PIP) 2012/8/4
2 谷歌浏览器Chrome控制台提示Uncaught ReferenceError xl_chrome_menu is not defined 2011/7/28
3 Struts2 Hibernate Spring 整合的基本流程和步骤及其相关配置细节 2011/7/23
4 JVM笔记 – 自动内存管理机制(Java内存区域与内存溢出异常) 2014/11/11
5 存储器管理和常见的分区算法分页存储分段存储段页式存储 2011/6/30
6 Java Web笔记 – 错误处理参数回显的实现方法 2011/11/12
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
猜您喜欢
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.