javascript - 通过 JSONP 的 sencha touch 动态列表

Question

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

鉴于此，存储似乎是不可能的，因为数据实际上并不是继承性的。我们想要做的是点击发送新的 JSONP 请求以返回基于点击项目的新列表。 Swipe 将返回项目作为列表，分页，实际上将有叶节点。

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

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

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