我想读取extjs数据存储的特定值并在本地操作它.响应xml如下所示:
<user><name>abc</name><surname>def</surname><book><bname>book1</bname></book></user>
我的商店在收到回复时只有一个用户条目,我想读取'bname'值.到目前为止,我尝试了两种方法并且都给出了错误.
approach1:
Ext.define('user', {
extend: 'Ext.data.Model',
fields: [ 'name', 'surname'],
hasMany: {model: 'Book', name: 'book'},
proxy: {
type: 'rest',
url : request,
reader: { type: 'json', root: 'user'}
}
});
Ext.define('Book', {
extend: 'Ext.data.Model',
fields: [ 'name'],
belongsTo: 'user'
});
var userstore = Ext.create('Ext.data.Store', {
model: "user"
});
incidentstore.load({
callback: function() {
var inc = userstore.first();
var bk = inc.getBook();
console.log(dev.get('bname'));
}
});
在代码上运行会出现"Ext.define不是函数"的错误.
Approach2:
var proxy1 = new Jx.JxHttpProxyRest({
url: request,
api : {
read : { headers : { 'Accept' : APP + '.abc.def.usermanage.user+json;version=1' } }
}
});
var reader = new Ext.data.XmlReader( {
rootProperty : 'user',
record : 'book',
id : 'id',
}, [{ name : 'bname', mapping : 'book > bname'} ]);
var writer = new Ext.data.XmlWriter( {
encode : false
});
var newstore = new Ext.data.Store( {
id : 'book',
restful : true,
proxy : proxy1,
remoteSort : true,
reader : reader,
writer : writer,
autoload: true,
listeners: {
load: function() {
console.log(newstore.data.first());
}
}
});
Ext.data.DataProxy.addListener('load', function(proxy, type, action, options, res) {
console.log(res.responseText);
});
newstore.load( {
params : { start : 0, limit : myPageSize },
});
上面的代码在控制台上不显示任何内容.
我是extjs的新手,不知道如何从响应中访问'bname'值.如果有人可以提供帮助,那就太棒了
看看这个:
// The user model definition
Ext.define('user', {
extend: 'Ext.data.Model',
fields: [ 'name', 'surname', 'book' ]
});
// The store instance
var userstore = Ext.create('Ext.data.Store', {
model: 'user',
proxy: {
type: 'memory',
reader: {
type: 'xml',
record: 'user',
root: 'users'
}
}
});
// data sample to test the approach
mydata =
[
['Juan', 'Alonso', [ { bname: 'El loco' }, { bname: 'El cuerdo' } ]],
['Susana', 'Cabrera', [ { bname: 'Adios a las palomas' }]]
];
// load the store with the sample data
userstore.loadData(mydata, false);
// display the first book for the first record
var firstRecord = userstore.getAt(0);
var firstBook = firstRecord.get('book')[0];
alert(firstBook.bname )
或者在这里查看工作代码:http://jsfiddle.net/lontivero/HTj5Q/
如你所见,它工作正常.但是,如果您的商店将"始终"只有一条记录,那么您不应该使用商店,您应该使用模型并加载模型.
更新:
好的,如果您使用的是extjs 3.1.1(之前提供这些重要信息会很好),您可以按照以下步骤操作:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>For extjs 3.1.1</title>
<script src="http://extjs-public.googlecode.com/svn/tags/extjs-3.1.1/release/adapter/ext/ext-base.js" type="text/javascript" ></script>
<script src="http://extjs-public.googlecode.com/svn/tags/extjs-3.1.1/release/ext-all.js" type="text/javascript" ></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function(){
// The store instance
var userstore = new Ext.data.ArrayStore({
fields: ['name', 'surname', 'book'],
reader: new Ext.data.ArrayReader({
idIndex: 0 // id for each record will be the first element
})
});
// data sample to test the approach
mydata =
[
['Juan', 'Alonso', [ { bname: 'El loco' }, { bname: 'El cuerdo' } ]],
['Susana', 'Cabrera', [ { bname: 'Adios a las palomas' }]]
];
// load the store with the sample data
userstore.loadData(mydata, false);
// display the first book for the first record
var firstRecord = userstore.getAt(0);
var firstBook = firstRecord.get('book')[0];
alert(firstBook.bname );
});
</script>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
28584 次 |
| 最近记录： |