extjs 4.2 搜索 php,ExtJS4.2学习 php版（六）

ExtJS Ext.data.proxy.Memory

//定义模型

Ext.define('User', {

extend: 'Ext.data.Model',

fields: [

{name: 'id',    type: 'int'},

{name: 'name',  type: 'string'},

{name: 'phone', type: 'string', mapping: 'phoneNumber'}

]

});

//定义数据

var data = {

users: [

{

id: 1,

name: 'Ed Spencer',

phoneNumber: '555 1234'

},

{

id: 2,

name: 'Abe Elias',

phoneNumber: '666 1234'

}

]

};

//使用Ext.data.Store

var store = Ext.create('Ext.data.Store', {

autoLoad: true,

model: 'User',

data : data,

proxy: {

type: 'memory',

reader: {

type: 'json',

root: 'users'

}

}

});

store.each(function(result){

console.log(result);

});

extjs的LocalStorage使用的是html5的LocalStorage的API

Ext.define('Search', {

fields: ['id', 'query'],

extend: 'Ext.data.Model',

proxy: {

type: 'localstorage',

id  : 'twitter-Searches'

}

});

var store = Ext.create("Ext.data.Store",{

model:"Search"

});

store.load();

store.add({query:"sadsad"});

store.sync();

store.each(function(result){

console.log(result);

});

extjs的sessionstorage在chrome浏览器下一个标签就是一个独立的文件

Ext.define('Search', {

fields: ['query'],

extend: 'Ext.data.Model',

proxy: {

type: 'sessionstorage',

id  : 'myOtherProxyKey'

}

});

var store = Ext.create("Ext.data.Store",{

model:"Search"

});

store.load();

store.add({query:"sadsad"});

store.sync();

store.each(function(result){

console.log(result);

});

extjs的ajax方式

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.php'

}

});

store.load({

scope: this,

callback: function(records, operation, success) {

console.log(records);

}

});

php

$arr = array(

"name" => "sads",

"age" => 12

);

$data = json_encode($arr);

echo $data;