2011-09-21 83 views
2

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

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

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

我知道基于heirarchical数据的嵌套列表,我们没有。我看着发送一个新请求,并将新模板应用到面板上,但我们确实需要幻灯片切换。我们应该采取什么方法?

回答

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

+0

这是我最好的猜测。有两个面板,只是滑动它们,交替是活跃的,哪个是负载。谢谢! – kyle