Javascript 通过JSONP的sencha touch动态列表
我们已经开始开发sencha touch应用程序。我们应用程序的一部分包括浏览功能。有几个起点,但我们希望之后的所有内容都能根据请求动态加载。数据的结构是无限递归的,因此创建一个完整的文件,忽略大小,实际上是不可能的 鉴于此,存储似乎不可能,因为数据实际上不是继承人。我们要做的是tap发送新的JSONP请求,以返回基于tap项的新列表。滑动将以列表的形式返回项目,并分页,该列表实际上将具有叶节点 我们不需要缓存结果或保留地图,无论您走多远,“返回”都会将您带到起点Javascript 通过JSONP的sencha touch动态列表,javascript,sencha-touch,jsonp,Javascript,Sencha Touch,Jsonp,我们已经开始开发sencha touch应用程序。我们应用程序的一部分包括浏览功能。有几个起点,但我们希望之后的所有内容都能根据请求动态加载。数据的结构是无限递归的,因此创建一个完整的文件,忽略大小,实际上是不可能的 鉴于此,存储似乎不可能,因为数据实际上不是继承人。我们要做的是tap发送新的JSONP请求,以返回基于tap项的新列表。滑动将以列表的形式返回项目,并分页,该列表实际上将具有叶节点 我们不需要缓存结果或保留地图,无论您走多远,“返回”都会将您带到起点 我知道nestedlist是基
我知道nestedlist是基于继承人的档案数据的,而我们没有。我只考虑了发送一个新的请求,并将模板应用到包含新数据的面板上,但我们确实需要幻灯片转换。我们应该采取什么方法?你已经有了答案-只要有一个模板并应用新数据就可以了。要实现幻灯片转换,请使用两张卡并在它们之间切换。例如,请参见我的代码
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)代码>这是我最好的猜测。有两个面板,只需滑动它们,交替活动和负载。谢谢