ExtJS获取ComboBox远程数据的JsonReader和本地数据的ArrayStore的写法
本文由发表于6年前 | Javascript | 暂无评论 |  被围观 21,847 views+

使用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 Java技术交流群:280755654,入门群:428693174 more
分享到:
 
2011 8/6
文章评论
    没有评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 Javascript笔记 – Javascript中的变量 2012/5/22
2 Win7中安装Rational Rose,启动提示计算机丢失suite objects.dll 2011/5/22
3 Git常用命令 2016/4/6
4 汇编cmp指令和条件转移指令实现高级语言中的IF语句功能 2011/4/18
5 UML笔记 OOAD面向对象的分析和设计介绍 2011/10/9
6 JDBC数据库连接和事务的管理 一个JDBC基本操作封装类的编写 2011/10/13
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
猜您喜欢
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

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

联系我们:admin@itzhai.com

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