0

我有四个单独的视图,将这四个视图添加到单个 tabview 中,如下所示。

标签查看代码:

Ext.define("SLS.BRND.WEB.view.MainTabbarView", {
    extend: 'Ext.tab.Panel',
    xtype: 'MainTabbarView',
    requires: ['Ext.data.proxy.JsonP', 'Ext.TitleBar', 'Ext.Video', 'SLS.BRND.WEB.view.GallerysView', 'SLS.BRND.WEB.view.FloorView'],
    config: {
        tabBarPosition: 'bottom',
        items: [
            {
                xclass: "SLS.BRND.WEB.view.GlobalNavigationView",
                docked: "top",
                scrollable: false
            },
            {
                xclass: 'SLS.BRND.WEB.view.ApartmentView'                    
            },
            {              
                xclass: 'SLS.BRND.WEB.view.SpecificationView'
            },
            {                
                xclass: 'SLS.BRND.WEB.view.FloorView'
            },
            {                
                xclass: 'SLS.BRND.WEB.view.GallerysView'
            }
          ]
    }
});

在控制器 onbuttontap 函数中,我在“MainTabbarView”页面上方调用,如下所示。我已经设置了 setActiveItem(0); 显示四个中的第一个 tabitem 即(xclass:'SLS.BRND.WEB.view.ApartmentView')。当我这样设置 setActiveItem(0) 时,它将显示第一个视图页面但没有数据(空白屏幕)。如果我这样设置 setActiveItem(1),它将显示带有数据的第二个视图页面。然后我认为第一页可能有问题,所以我在“MainTabbarView”中更改了页面视图的顺序。我再次设置 setActiveItem(0) 然后它显示活动页面但没有数据。我一直在将 setActiveItem(0) 更改为 1,2,3 它的工作正常并且还显示数据。但是对于 setActiveItem(0) 数据不显示。有什么可以帮助我的。如何解决这个问题。谢谢你

控制器代码:

Ext.define("SLS.BRND.WEB.controller.ApartmentController", {
    extend: "Ext.app.Controller",
    requires: ['Ext.data.proxy.JsonP'],
    config: {
        refs: {
        projectsPage: "projectspage",            
            mainTabbarView: "MainTabbarView",         
        },
    control: {

            projectsPage: {               
               BtnApartments: "onAptButtonTap"               

            }
        }
  },
    onAptButtonTap: function () {
        var ApartmentTabbar = this.getMainTabbarView();
        ApartmentTabbar.setActiveItem(0);
        Ext.Viewport.animateActiveItem(ApartmentTabbar, this.slideLeftTransition);
    },
    activateNotesList: function () {
        Ext.Viewport.animateActiveItem(this.getHomepage(), this.slideRightTransition);
    },
    slideRightTransition: { type: 'slide', direction: 'right' },
    slideDownTransition: { type: 'flip', direction: 'down' },
    slideLeftTransition: { type: 'fade', direction: 'left' }

});
4

1 回答 1

0

您的onAptButtonTap功能不在正确的位置,您将它放在配置中,因为您应该将它放在配置之后,如下所示:

...
config: {
    refs: {
        projectsPage: "projectspage",            
        mainTabbarView: "MainTabbarView",         
    },
    control: {
        projectsPage: {               
           BtnApartments: "onAptButtonTap"  
        }
    },
    ...
},
onAptButtonTap: function () {
    var ApartmentTabbar = this.getMainTabbarView();
    ApartmentTabbar.setActiveItem(0);
    Ext.Viewport.animateActiveItem(ApartmentTabbar, this.slideLeftTransition);
},
...
于 2012-06-13T18:19:06.237 回答