Ext.data.JsonStore继承于Ext.data.Store,使得从远程JSON数据创建stores更为方便的简单辅助类。JsonStore合成了Ext.data.HttpProxy与Ext.data.JsonReader两者。如果你需要其他类型的proxy或reader组合,那么你要创建以Ext.data.Store为基类的配置。
代码实例:
1
2
3
4
5
6
7
|
<code class = "hljs lasso" >var store = new Ext.data.JsonStore({ id: 'id' , url: 'get-images.php' , root: 'images' , totalProperty: 'rowCount' , fields: [ 'name' , 'url' , {name: 'size' , type: 'float' }, {name: 'lastmod' , type: 'date' }] });</code> |
1
2
3
4
5
6
7
|
<code class = "hljs css" > { images: [ {name: 'Image one' , url: '/GetImage.php?id=1' , size: 46.5 , lastmod: new Date( 2007 , 10 , 29 )}, {name: 'Image Two' , url: '/GetImage.php?id=2' , size: 43.2 , lastmod: new Date( 2007 , 10 , 30 )} ] }</code> |
下面我们依次说明下几个参数的含义:
id(String):用来唯一标识
url(String):如果有值传入,会为该URL创建一个HttpProxy对象
root(String):JSON对象的key指定,这里指的是服务器传递过来的json变量的命名
totalProperty:这里指的是查询出来的条数,也是由服务器传递过来
fields(Object[]):对象数组集合
在实际应用中fields我们可以使用遍历list等方式往里面传值。
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步