ExtJS4.2学习 php版（七）

最新推荐文章于 2025-09-04 15:29:44 发布

转载最新推荐文章于 2025-09-04 15:29:44 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1421356/blog/217789

文章标签：

#php #json #python

本文详细介绍了Ext.js中使用内存方式、JSON对象集合、AJAX JSON、XML文件存储数据的方法，包括创建数据模型、定义字段、创建数据存储实例，并通过示例展示了如何加载数据及打印结果。

2019独角兽企业重金招聘Python工程师标准>>>

memory方式

Ext.define("User",{
		extend:"Ext.data.Model",
		fields:["id","name","email"]
});

var data = [
		    {
		        "id": 1,
		        "name": "Ed Spencer",
		        "email": "ed@sencha.com"
		    },
		    {
		        "id": 2,
		        "name": "Abe Elias",
		        "email": "abe@sencha.com"
		    }
];

var store = Ext.create("Ext.data.Store",{
		model:"User",
		data:data	
});

store.each(function(result){
	console.log(result);
});

json对象集合

var data = {
		json:	[
		    {
		        "id": 1,
		        "name": "Ed Spencer",
		        "email": "ed@sencha.com"
		    },
		    {
		        "id": 2,
		        "name": "Abe Elias",
		        "email": "abe@sencha.com"
		    }
		]
}

var store = Ext.create("Ext.data.Store",{
		model:"User",
		data:data,
		proxy:{
			type:"memory",
			reader:{
				type:"json",
				root:"json"	
			}	
		}	
});

ajax json

var store = Ext.create("Ext.data.Store",{
		model:"User",
		proxy:{
			type:"ajax",
			url:"user.php",
			reader:{
				type:"json"	
			}	
		}	
});
store.load({
	scope:this,
	callback:function(record, opreation, success){
		console.log(record);
	}
});

user.php

$arr = array(
	"id" => 2,
	"name" => "sadsads",
	"email" => "sadasdsadsas"
);

$data = json_encode($arr);
echo $data;

ajax json文件

var store = Ext.create("Ext.data.Store",{
		model:"User",
		proxy:{
			type:"ajax",
			url:"user.json",
			reader:{
				type:"json"	
			}	
		}	
});

user.json

[
    {
        "firstName": 'Ed',
        "lastName": 'Spencer'
    },
    {
        "firstName": 'Tommy',
        "lastName": 'Maintz'
    }
]

ajax xml文件

Ext.define("User",{
		extend:"Ext.data.Model",
		fields:["id","name","email"]	
});

var store = Ext.create("Ext.data.Store",{
		model:"User",
		proxy:{
				type:"ajax",
				url:"user.xml",
				reader:{
						type:"xml",
						record:"user",
						root:"users"	
				}	
		}	
});

user.xml

<?xml version="1.0" encoding="UTF-8"?>
<users>
    <user>
        <id>1</id>
        <name>Ed Spencer</name>
        <email>ed@sencha.com</email>
    </user>
    <user>
        <id>2</id>
        <name>Abe Elias</name>
        <email>abe@sencha.com</email>
    </user>
</users>

转载于:https://my.oschina.net/u/1421356/blog/217789