dojox/mobile/TabContainer.js

• Provides:

  • dojox.mobile.TabContainer

• Requires:

  • dojox.mobile in common

• dojox.mobile.TabContainer

  • type

    Function

  • chains:
    • dijit._WidgetBase: (prototype)
    • dijit._WidgetBase: (call)
  • source: [view]
      dojo.deprecated("dojox.mobile.TabContainer is deprecated", "use dojox.mobile.TabBar instead", 2.0);
  • summary

• dojox.mobile.TabContainer.iconBase

  • summary

• dojox.mobile.TabContainer.iconPos

  • summary

• dojox.mobile.TabContainer.fixedHeader

  • summary

• dojox.mobile.TabContainer.buildRendering

  • type

    Function

  • source: [view]
      var node = this.domNode = this.srcNodeRef;
      node.className = "mblTabContainer";
      var headerNode = this.tabHeaderNode = dojo.doc.createElement("DIV");
      var paneNode = this.containerNode = dojo.doc.createElement("DIV");
    
    
      // reparent
      for(var i = 0, len = node.childNodes.length; i < len; i++){
       paneNode.appendChild(node.removeChild(node.firstChild));
      }
    
    
      headerNode.className = "mblTabPanelHeader";
      headerNode.align = "center";
      if(this.fixedHeader){
       var view = dijit.getEnclosingWidget(this.domNode.parentNode); // parentNode is null if created programmatically
       view.domNode.insertBefore(headerNode, view.domNode.firstChild);
       dojo.style(headerNode, {
        position: "absolute",
        width: "100%",
        top: "0px",
        zIndex: "1"
       });
       view.fixedHeader = headerNode;
      }else{
       node.appendChild(headerNode);
      }
      paneNode.className = "mblTabPanelPane";
      node.appendChild(paneNode);
  • summary

• dojox.mobile.TabContainer.startup

  • type

    Function

  • source: [view]
      this.createTabButtons();
      this.inherited(arguments);
  • summary

• dojox.mobile.TabContainer.createTabButtons

  • type

    Function

  • source: [view]
      var div = dojo.doc.createElement("DIV");
      div.align = "center";
      var tbl = dojo.doc.createElement("TABLE");
      var cell = tbl.insertRow(-1).insertCell(-1);
      var children = this.containerNode.childNodes;
      for(var i = 0; i < children.length; i++){
       var pane = children[i];
       if(pane.nodeType != 1){ continue; }
       var widget = dijit.byNode(pane);
       if(widget.selected || !this._selectedPane){
        this._selectedPane = widget;
       }
       pane.style.display = "none";
       var tab = dojo.doc.createElement("DIV");
       tab.className = "mblTabButton";
       if(widget.icon){
        var imgDiv = dojo.create("DIV");
        var img = dojo.create("IMG");
        imgDiv.className = "mblTabButtonImgDiv";
        img.src = widget.icon;
        dojox.mobile.setupIcon(img, widget.iconPos);
        imgDiv.appendChild(img);
        tab.appendChild(imgDiv);
       }
       tab.appendChild(dojo.doc.createTextNode(widget.label));
       tab.pane = widget;
       widget.tab = tab;
       this.connect(tab, "onclick", "onTabClick");
       cell.appendChild(tab);
      }
      div.appendChild(tbl);
      this.tabHeaderNode.appendChild(div);
      this.selectTab(this._selectedPane.tab);
  • summary

• dojox.mobile.TabContainer.selectTab

  • type

    Function

  • parameters:
    • tab: (typeof DomNode)
  • source: [view]
      this._selectedPane.domNode.style.display = "none";
      dojo.removeClass(this._selectedPane.tab, "mblTabButtonSelected");
      this._selectedPane = tab.pane;
      this._selectedPane.domNode.style.display = "";
      dojo.addClass(tab, "mblTabButtonSelected");
      if(dojo.isBB){
       var ref = tab.nextSibling;
       tab.parentNode.insertBefore(tab.parentNode.removeChild(tab), ref);
      }
      var view = dijit.getEnclosingWidget(this.domNode.parentNode);
      if(this.fixedHeader){
       // This widget stacks multiple panes and controls their visibility.
       // Each pane cannot have its own scroll position status, because
       // the entire widget scrolls.
       // When in the fixedHeader mode, the user can always select a tab
       // even when the current pane is scrolled down to the bottom.
       // Even in such cases, the next page should be shown from the top.
       if(view && view.scrollTo){
        view.scrollTo({y:0});
       }
      }
      view.flashScrollBar && view.flashScrollBar();
  • summary

• dojox.mobile.TabContainer.onTabClick

  • type

    Function

  • parameters:
    • e: (typeof )
  • source: [view]
      var tab = e.currentTarget;
      dojo.addClass(tab, "mblTabButtonHighlighted");
      setTimeout(function(){
       dojo.removeClass(tab, "mblTabButtonHighlighted");
      }, 200);
      this.selectTab(tab);
  • summary

• dojox.mobile.TabContainer.domNode

  • summary

• dojox.mobile.TabContainer.tabHeaderNode

  • summary

• dojox.mobile.TabContainer.containerNode

  • summary

• dojox.mobile.TabContainer._selectedPane

  • summary

• dojox.mobile.TabContainer._selectedPane.domNode.style.display

  • summary

• dojox.mobile.TabPane

  • type

    Function

  • chains:
    • dijit._WidgetBase: (prototype)
    • dijit._WidgetBase: (call)
  • summary

• dojox.mobile.TabPane.label

  • summary

• dojox.mobile.TabPane.icon

  • summary

• dojox.mobile.TabPane.iconPos

  • summary

• dojox.mobile.TabPane.selected

  • summary

• dojox.mobile.TabPane.inheritParams

  • type

    Function

  • source: [view]
      var parent = this.getParentWidget();
      if(parent){
       if(!this.icon){ this.icon = parent.iconBase; }
       if(!this.iconPos){ this.iconPos = parent.iconPos; }
      }
  • summary

• dojox.mobile.TabPane.buildRendering

  • type

    Function

  • source: [view]
      this.inheritParams();
      this.domNode = this.containerNode = this.srcNodeRef || dojo.doc.createElement("DIV");
      this.domNode.className = "mblTabPane";
  • summary

• dojox.mobile.TabPane.getParentWidget

  • type

    Function

  • source: [view]
      var ref = this.srcNodeRef || this.domNode;
      return ref && ref.parentNode ? dijit.getEnclosingWidget(ref.parentNode) : null;
  • summary

• dojox.mobile.TabPane.domNode

  • summary

• dojox.mobile.TabPane.domNode.className

  • summary

• dojox.mobile

  • type

    Object

  • summary

• dojox

  • type

    Object

  • summary