sencha touch2 如何在control层给panel应用XTemplate模版,并将store中的数据加载到模版里
2012-10-19 23:41
393 查看
model层设置相关字段。
store层引用model并设置代理
control层对panel进行相关操作
Ext.define("LYT.model.sceneryDetail", { extend: 'Ext.data.Model', config: { fields: ["id","title","content"] } });
store层引用model并设置代理
Ext.define("LYT.store.sceneryDetail", { extend: 'Ext.data.Store', config: { model: "LYT.model.sceneryDetail", storeId: "sceneryDetail", proxy: { type: "ajax", url: "article.json", reader: { type: "json", rootProperty: "data" } } } });
control层对panel进行相关操作
Ext.define("LYT.controller.sceneryList", { extend: 'Ext.app.Controller', config: { refs: { getPanel: "#MyPanel" } }, launch:function() { var getController = this; var getStore = Ext.data.StoreManager.lookup('sceneryDetail'); getStore.load(function (records, operation, success) { if (success) { var tpl = new Ext.XTemplate([ "<h3>{title}</h3>", "<p>{content}</p>" ]); var html = tpl.applyTemplate(getStore.getAt(0).getData()); getController.getGetPanel().setHtml(html); } }); } });
相关文章推荐
- sencha touch2 在control层给panel应用XTemplate模版,并加载store中的数据
- Extjs6 treepanel store无法加载请求后台URL数据bug
- extjs JSONStore的load事件/insert,add方法应用 如何动态改变显示数据
- extjs JSONStore的load事件/insert,add方法应用 如何动态改变显示数据
- 在使用ext2.0中使用store加载数据出现this.onMetaChange has no properties错误
- 如何实现滑动加载更多数据?
- 反射的应用,读取properties配置文件中的数据(普通InputStream方式,类加载方式),再调用运行
- 滚屏加载--无刷新动态加载数据技术的应用
- 上拉下拉加载数据的应用.....
- SSH框架应用之《商城开发》1-如何根据指定条件从数据库中取出数据
- 如何自定义一个加载动画供各个数据加载页面调用
- ajax中如何将utf-8编码的数据请求发送到gbk编码应用的解决方法
- 如何下载chrom store的应用
- UIDevice获取设备数据以及如何获取应用信息
- react-native ListView加载大量数据时会占用大量内存导致应用崩溃
- Ext.grid.Panel远程加载数据分页,提供添加删除修改等操作
- Sybase IQ如何将大文件数据迅速加载到数据库
- Hbase探究——如何避免一行数据过大导致加载至内存出现out of memory的情况
- 如何在应用中通过邮件输入和输出数据
- 滚屏加载--无刷新动态加载数据技术的应用