Sencha touch Sencha Touch嵌套列表详细页面视图

我有以下嵌套列表（目前仅针对中的项，以使测试更容易）。 它可以正常工作，但如何显示包含html的普通页面视图或加载html页面

  var data = {text: 'Top List',
        items: [{
                text: 'List item',
                items: [{text: 'Selected Page'}]
            }]
};

Ext.regModel('ListItem', {
    fields: [{name: 'text', type: 'string'}]
});
var store = new Ext.data.TreeStore({
    model: 'ListItem',
   root: data,
   proxy: {
       type: 'memory',
       reader: {
          type: 'tree',
          root: 'items'
       }
    }
});
var nestedList = new Ext.NestedList({
   fullscreen: true,
   displayField: 'text',
   title: 'Theatres',
   store: store
});
  App.views.Pastcard = Ext.extend(Ext.Panel, {
  title: "past",
   iconCls: "add",
   items: [nestedList]
});

Ext.reg('HomeAbout', App.views.Pastcard);

因此，如果希望用户选择“所选页面”项，则会打开详细视图页面和html信息，最好是从外部源来限制一个页面上的代码量

编辑

我想我可以试着说清楚一点

下面是我的嵌套列表

   var data = {text: 'My List',
        items: [{
            text: 'First List Item',
            items: [{text: 'Sub list one'}, {text: 'Sub list Two'}]
            },
            {
            text: 'Second List Item',
            items: [{text: 'Sub list one'},{text: 'Sub list Two'}]
            }
        ]
};

当我/用户点击lsit并到达子列表，然后点击名为“Sub-list Two”的列表项，此时它会打开一个空白页面，因为没有更多的列表，但我会选择显示一个正常页面，其中有详细信息，可以滚动和显示所有内容

目前，我不需要担心动态加载json，因为我想在进入json的这一方面之前先得到一个工作模型

Thsi不是phonegap应用程序，而是通过手机在线查看的标准web应用程序

*编辑的Edn**

---

感谢使用外部源代码使用带有ajax代理的存储检查此项

要显示HTML，您只需使用

HTML:“所选页面”，styleHtmlContent:true，

而不是

文本：'Selected Page'

最好的方法是从以下位置加载JSON对象：

var myStore = new Ext.data.Store({
model: 'User',
proxy: {
    type: 'ajax',
    url : '/users.json',
    reader: {
        type: 'json',
        root: 'users'
    }
},
autoLoad: true
});

然后，使用模板而不是html或文本属性来显示它：

tpl:[
        '<h4>Email</h4>',
        '<tpl for="emails">',
            '<div class="field"><span class="label">{type}: </span><a href="mailto:{value}">{value}</a></div>',
        '</tpl>'
    ]

这是包含列表和详细信息面板的主面板。处理列表上的onItemDisclosure事件，获取单击的记录，使用该数据更新“详细信息”面板，并使用

app.views.viewport.setActiveItem(
        app.views.contactsList, options.animation
    );

---

检查更新的答案

app.views.viewport.setActiveItem(
        app.views.contactsList, options.animation
    );