sencha 通过 JSONP 触摸动态列表

Question

我们已经开始开发 sencha touch 应用程序。我们的应用程序的一部分包括浏览功能。有几个起点，但我们希望之后的所有内容都根据请求动态加载。数据的结构是无限递归的，因此创建一个完整的文件，忽略大小，实际上是不可能的。

鉴于此，商店似乎不可能，因为数据实际上并不是分层的。我们要做的是点击发送新的 JSONP 请求，以根据点击的项目返回新列表。 Swipe 会将项目作为列表返回，分页，实际上将具有叶节点。

我们不需要缓存结果或保留地图，无论您走多远，都会带您回到起点。

我知道嵌套列表是基于分层数据的，但我们没有。我看了只是发送一个新请求并将模板应用到具有新数据的面板，但我们确实想要幻灯片过渡。我们应该采取什么方法？

Answer 1

您已经有了答案 - 只需拥有一个模板并在其上应用新数据即可。要实现幻灯片过渡，有两张卡片并在它们之间切换。例如，请参阅我的代码。

App.view.CustomCard = Ext.extend(Ext.Panel, {
        id: 'customCard',
        layout:'card', //important
        cardSwitchAnimation: 'slide', //important
        initComponent: function() {
          Ext.apply(this, {
                defaults: {xtype: 'panel'},
        items: [
            { html:'FirstPanel'},
            { html:'SecondPanel'}
            ]
           });
          }});

然后在第一个面板上监听点击或滑动事件，发出新请求并将该数据填充到第二个面板中。

注意切换卡片使用Ext.getCmp('customCard').setActiveItem(0);