Ext之JsonStore读取本地json文件

最新推荐文章于 2021-02-23 12:25:02 发布

iteye_3352

最新推荐文章于 2021-02-23 12:25:02 发布

阅读量1.2k

点赞数

分类专栏： ext 文章标签： ext JsonStore 本地数据读取

本文链接：https://blog.csdn.net/iteye_3352/article/details/82567643

版权

ext 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

[size=medium][b]方法一：[/b][/size]



//用于选择的Grid

var fields = [
    { name : 'name' },
    { name : 'type' }, 
    { name : 'length' }, 
    { name : 'width' }, 
    { name : 'weight' }
];

var selectStore = new Ext.data.JsonStore({
		url : 'data/defaultColumnNames.json',
		root : 'rows',
		autoLoad : true,
		fields : fields
	});

var selectCm = new Ext.grid.ColumnModel({
		defaults : {
			menuDisabled : true
		},
		columns : [{
				id : 'name',
				header : '可选字段',
				dataIndex : 'name',
				align : 'center'
			}
		]
	});

var selectGrid = new Ext.grid.GridPanel({
		store : selectStore,
		cm : selectCm,
		ddGroup : 'secondGridDDGroup',
		height : 300,
		width : 120,
		enableDragDrop : true,
		frame : true,
		border : true,
		stripeRows : true
	});

[size=medium][b]方法二：[/b][/size]

 //定义数据源
    var store = new Ext.data.JsonStore({
        root:'root',
        url:'data/rentFeeTemplate.json',    	
        fields: [
        	'name',//模板名称
        	'rent',//租金
        	'size',//面积
        	'rebate'//折扣
        ]
    });

    store.load();

对应的json文件：data/rentFeeTemplate.json

{
	'root':[{
		name:'教授住房',
		rent:2000,
		size:30,
		rebate:	0.1
	},{
		name:'副教授住房',
		rent:2000,
		size:30,
		rebate:	0.1
	},{
		name:'专家住房',
		rent:2000,
		size:30,
		rebate:	0.1
	},{
		name:'学生住房',
		rent:2000,
		size:30,
		rebate:	0.1
	},{
		name:'普通住房',
		rent:2000,
		size:30,
		rebate:	0.1
	}]

}