通过JSONP的sencha触摸动态列表

时间:2011-09-21 04:53:49

标签: javascript sencha-touch jsonp

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

鉴于此,商店似乎不可能,因为数据实际上不是heirchical。我们想要做的是点击发送新的JSONP请求以基于被点击的项目返回新列表。滑动将返回项目作为列表,分页,实际上将具有叶节点。

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

我理解基于层次数据的嵌套列表,我们没有。我查看了发送新请求并将模板应用于包含新数据的面板,但我们确实需要幻灯片转换。我们应该采取什么方法?

1 个答案:

答案 0 :(得分: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);

切换卡片