Iphone Sencha Touch:选项卡面板内的外部列表有问题吗?
学习触摸Sencha,并且已经爱上它。在我看来,比JQTouch好多了。只是在我的一些应用的想法工作,我需要有2个标签,其中第一个标签将持有一些数据的外部列表。我已经走了这么远,但有一个问题我想不出来 问题:当我触摸列表中的名称时,detailpanel将不显示。当它不在选项卡面板中时,我一点问题也没有。尝试了论坛,找不到解决方案 这是我的全部代码(基于许多示例):Iphone Sencha Touch:选项卡面板内的外部列表有问题吗?,iphone,list,mobile,sencha-touch,tabpanel,Iphone,List,Mobile,Sencha Touch,Tabpanel,学习触摸Sencha,并且已经爱上它。在我看来,比JQTouch好多了。只是在我的一些应用的想法工作,我需要有2个标签,其中第一个标签将持有一些数据的外部列表。我已经走了这么远,但有一个问题我想不出来 问题:当我触摸列表中的名称时,detailpanel将不显示。当它不在选项卡面板中时,我一点问题也没有。尝试了论坛,找不到解决方案 这是我的全部代码(基于许多示例): ShotjesApp=新的外部应用程序({ 姓名:“Shotjes”, 启动:函数(){ ShotjesApp.detailPan
ShotjesApp=新的外部应用程序({
姓名:“Shotjes”,
启动:函数(){
ShotjesApp.detailPanel=新的外部面板({
id:“detailpanel”,
tpl:“Omschrijving:{Naam}
{Inhoud}”,
摘要:[
{
xtype:'工具栏',
项目:[{
文本:“terug”,
ui:'返回',
处理程序:函数(){
ShotjesApp.Viewport.setActiveItem('listwrapper',{类型:'slide',方向:'right'});
}
}]
}
]
});
ShotjesApp.listPanel=新的外部列表({
id:“披露列表”,
商店:ListStore,
itemTpl:“{Naam}{Basis}”,
对,,
OSCLOSURE:功能(记录、btn、索引){
var naam=record.data.naam;
ShotjesApp.detailPanel.update(record.data);
ShotjesApp.Viewport.setActiveItem('detailpanel')//这不起作用吗?
ShotjesApp.detailPanel.dockedItems.items[0].setTitle(naam);
}
});
ShotjesApp.listWrapper=新的外部面板({
id:“listwrapper”,
布局:“适合”,
项目:[ShotjesApp.listPanel],
摘要:[
{
码头:“顶部”,
xtype:'工具栏',
标题:“Shotjes”
}],
});
this.mainView=new Ext.TabPanel({
tabBar:{
船坞:“底部”,
ui:“黑暗”,
布局:{pack:'center'}
},
cardSwitchAnimation:{
键入:“淡入淡出”,
封面:对
},
项目:[{
标题:“Shotjes”,
cls:‘卡1’,
身份证:1号卡,
items:[ShotjesApp.listWrapper,ShotjesApp.detailPanel],
iconCls:“家”,
布局:“卡片”,
}, {
标题:"关于",,
cls:‘卡2’,
身份证:'卡2',
html:'关于',
iconCls:“日历”,
布局:“卡片”,
}
],
tabBarDock:“底部”,
全屏:对,
布局:“适合”
});
this.Viewport=this.mainView;
}
})) 试试这个
ShotjesApp.Viewport.setActiveItem(ShotjesApp.detailPanel);
代码中也缺少分号。很酷,谢谢。我还添加了这个,否则幻灯片将作为新选项卡打开:
ShotjesApp.Viewport = new Ext.Panel ({
fullscreen: true,
layout: 'card',
cardSwitchAnimation: 'slide',
items: [ShotjesApp.listWrapper, ShotjesApp.detailPanel]
});
再加上你的改变,它就完美地工作了
但是一个巨大的问题。因为视口是全屏的,所以当我按下第二个选项卡时,它不会显示。当我将第二个选项卡设置为全屏:true时,我看到了动画,但第一个选项卡仍然位于其顶部
当我在视口中更改fullscreen:false时,旧问题再次出现,细节窗格将不显示
ShotjesApp.Viewport = new Ext.Panel ({
fullscreen: true,
layout: 'card',
cardSwitchAnimation: 'slide',
items: [ShotjesApp.listWrapper, ShotjesApp.detailPanel]
});