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);                 }       });    }});