Question

我以编程方式创建了一个dojo tabbar并设置了fixed：＆＃34; bottom＆＃34;属性，但tabbar是在现有文档下创建的，而不是固定在窗口的底部。在我对另一个视图进行了performeTransition后，它正确地固定在底部。

我是这样做的：

        function createTabbar() {   
        var tabBar = new dojox.mobile.TabBar({id:"tabContainer", barType : "tabBar", fixed: "bottom"}).placeAt(dijit.byId("mobileView")); 
        var tabBarButtonNodes = new dojox.mobile.TabBarButton({label:"Knoten", id:"tabBarButtonNodes", moveTo:"divNodes0", icon1 : "img/nodes_60.png", icon2 : "img/nodes_60.png"}).placeAt(tabBar.domNode); 
        var tabBarButtonInfo = new dojox.mobile.TabBarButton({label:"Info", id:"tabBarButtonInfo", moveTo:"divInfo", icon1 : "img/info_60.png", icon2 : "img/info_60.png"}).placeAt(tabBar.domNode); 
        var tabBarButtonLogin = new dojox.mobile.TabBarButton({label:"Login", id:"tabBarButtonLogin", moveTo:"divLogin", icon1 : "img/login_60.png", icon2 : "img/login_60.png"}).placeAt(tabBar.domNode); 
        var teest = dijit.byId("divInfo");
        tabBar.resize();
        }

我还需要调整其他任何内容吗？

Answer 1

如文档所述，“fixed”标志仅适用于dojox / mobile / ScrollableView。有两种情况：整个应用程序级别的页眉/页脚，以及给定ScrollableView级别的本地页眉/页脚。你可以在这里找到详细信息：

本地视图页眉/页脚：https://dojotoolkit.org/reference-guide/1.9/dojox/mobile/ScrollableView.html#view-header-footer-bar-example
全局应用程序页眉/页脚：https://dojotoolkit.org/reference-guide/1.9/dojox/mobile/ScrollableView.html#application-header-footer-bar-example

对于本地案例，您可以使用ScrollableView.addFixedBar方法添加固定栏。有关示例，请参阅dojox / mobile / tests / test_dynamic-ScrollableView-vh-vf.html。

希望这有帮助，阿德里安

以编程方式创建但未固定在正确位置的dojo选项卡栏

1 个答案: