从 Sencha touch 中的列表创建另一个列表

Question

我被困在看似简单的事情上，

我是整个 Sencha 触控环境的新手，我仍然需要了解很多事情。

这是我面临的问题，

我已经从 Sencha 主页构建了 gettingStarted 应用程序，这个应用程序很简单，它从 JSON 数据加载列表并单击列表中的项目，它显示所选项目的 HTML 内容

我想做的是创建另一个列表，以便

1- 列出启动时的负载 2-单击列表 1 中的项目时，它会加载另一个列表 2 3-在点击列表 2 时，它会加载 HTML 内容。

我已经编写了 web 服务以将数据返回为 JSON，我想基于该数据构建第二个列表。

我在 itemTap 上调用了一个函数“showPost”，它看起来像这样：

 showPost: function(list, index, element, record){
    Ext.Ajax.request({
        url: 'http://localhost/mobig/ws/search.php?cat='+record.get('category'),            
        success: function(response){
            var text = response.responseText;
            var responses = Ext.JSON.decode(response.responseText);

            alert(responses.posts[0].title);
        }
    });

我也有，这个：

    this.getBlog().setData({
        xtype:'panel',
        title:record.get('category'),
        html:'<img src='+record.get('imageURL')+'/>',
        scrollable:true,
        styleHTMLContent:true
    });
}   

从列表 1 加载 HTML 内容。

提前感谢您的帮助，对于糟糕的英语感到抱歉，

如果你能指出一些例子，这将是一个学习的好地方。

谢谢！ 莫。

Answer 1

节省时间最方便的方法是使用Ext.NestedList，但我不推荐它，因为目前Sencha Touch 2中的嵌套列表性能仍然很糟糕（滚动，事件捕捉等），如果你更关心性能，你应该使用2个单独的Ext.List，例如。 list_one 与 store_one 和 list_two 与 store_two，当 list_one 触发 itemtap 事件时，捕获 record 参数并处理它（可能通过读取 TreeStore，或编写自己的 API，例如 http://yourdomain/api=get_list_two&record_from_list_one=record）

希望对你有帮助。

Answer 2

听起来您想设置一个嵌套列表。 Here's the nested list tutorial，这应该会为您指明正确的方向。