Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Iphone Sencha Touch:选项卡面板内的外部列表有问题吗?_Iphone_List_Mobile_Sencha Touch_Tabpanel - Fatal编程技术网

Iphone Sencha Touch:选项卡面板内的外部列表有问题吗?

Iphone Sencha Touch:选项卡面板内的外部列表有问题吗?,iphone,list,mobile,sencha-touch,tabpanel,Iphone,List,Mobile,Sencha Touch,Tabpanel,学习触摸Sencha,并且已经爱上它。在我看来,比JQTouch好多了。只是在我的一些应用的想法工作,我需要有2个标签,其中第一个标签将持有一些数据的外部列表。我已经走了这么远,但有一个问题我想不出来 问题:当我触摸列表中的名称时,detailpanel将不显示。当它不在选项卡面板中时,我一点问题也没有。尝试了论坛,找不到解决方案 这是我的全部代码(基于许多示例): ShotjesApp=新的外部应用程序({ 姓名:“Shotjes”, 启动:函数(){ ShotjesApp.detailPan

学习触摸Sencha,并且已经爱上它。在我看来,比JQTouch好多了。只是在我的一些应用的想法工作,我需要有2个标签,其中第一个标签将持有一些数据的外部列表。我已经走了这么远,但有一个问题我想不出来

问题:当我触摸列表中的名称时,detailpanel将不显示。当它不在选项卡面板中时,我一点问题也没有。尝试了论坛,找不到解决方案

这是我的全部代码(基于许多示例):

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