sencha touch2 在control层给panel应用XTemplate模版,并加载store中的数据
2013-10-15 15:04
232 查看
sencha touch2 在control层给panel应用XTemplate模版,并加载store中的数据
model层设置相关字段。
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
- DinnerNow中的WCF应用 --- 首页数据加载
- extjs JSONStore的load事件/insert,add方法应用 如何动态改变显示数据
- TabPanel多标签tab页加载同一个GridPanel显示不同的数据
- 【Android】Handler应用(二):从服务器端加载JSON数据的优化
- Extjs4通过store向后台加载数据
- 升级到iOS9.0后,Http请求导致应用加载不出数据
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- 让您的Ajax应用加载数据时界面友好
- Ajax在jQuery中的应用---加载异步数据
- Gridpanel数据加载成功后,触发事件,让表格第一行的数据显示在下面的formpanel
- Ext GridPanel加载完数据后进行操作示例代码
- 关于Ext3.0中按条件查询并重新加载Grid中的数据的实现过程及store.load的分析
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- ExtJS4 TreePanel 加载数据 J2EE
- Store加载数据通过监听事件返回加载成功的结果
- 【Android】Handler应用(二):从服务器端加载JSON数据的优化
- thinkphp滚屏加载--无刷新动态加载数据技术的应用
- Avro技术应用_8. 使用 Sqoop 加载数据的时候使用 Avro 格式进行编码 -- 带完善