dojox/mobile/IconContainer.js

• Provides:

  • dojox.mobile.IconContainer

• Requires:

  • dojox.mobile in common

• dojox.mobile.IconContainer

  • type

    Function

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

• dojox.mobile.IconContainer.defaultIcon

  • summary

• dojox.mobile.IconContainer.transition

  • summary

• dojox.mobile.IconContainer.pressedIconOpacity

  • summary

• dojox.mobile.IconContainer.iconBase

  • summary

• dojox.mobile.IconContainer.iconPos

  • summary

• dojox.mobile.IconContainer.back

  • summary

• dojox.mobile.IconContainer.label

  • summary

• dojox.mobile.IconContainer.single

  • summary

• dojox.mobile.IconContainer.buildRendering

  • type

    Function

  • source: [view]
      this.domNode = this.containerNode = this.srcNodeRef || dojo.doc.createElement("UL");
      this.domNode.className = "mblIconContainer";
      var t = this._terminator = dojo.create("LI");
      t.className = "mblIconItemTerminator";
      t.innerHTML = " ";
      this.domNode.appendChild(t);
  • summary

• dojox.mobile.IconContainer._setupSubNodes

  • type

    Function

  • parameters:
    • ul: (typeof )
  • source: [view]
      var len = this.domNode.childNodes.length - 1; // -1 for terminator
      for(i = 0; i < len; i++){
       child = this.domNode.childNodes[i];
       if(child.nodeType != 1){ continue; }
       w = dijit.byNode(child);
       if(this.single){
        w.subNode.firstChild.style.display = "none";
       }
       ul.appendChild(w.subNode);
      }
  • summary

• dojox.mobile.IconContainer.startup

  • type

    Function

  • source: [view]
      var ul, i, len, child, w;
      if(this.transition == "below"){
       this._setupSubNodes(this.domNode);
      }else{
       var view = new dojox.mobile.View({id:this.id+"_mblApplView"});
       var _this = this;
       view.onAfterTransitionIn = function(moveTo, dir, transition, context, method){
        _this._opening._open_1();
       };
       view.domNode.style.visibility = "hidden";
       var heading = view._heading = new dojox.mobile.Heading({back:this.back, label:this.label, moveTo:this.domNode.parentNode.id, transition:this.transition});
       view.addChild(heading);
       ul = dojo.doc.createElement("UL");
       ul.className = "mblIconContainer";
       ul.style.marginTop = "0px";
       this._setupSubNodes(ul);
       view.domNode.appendChild(ul);
       dojo.doc.body.appendChild(view.domNode);
       heading.startup();
      }
  • summary

• dojox.mobile.IconContainer.closeAll

  • type

    Function

  • source: [view]
      var len = this.domNode.childNodes.length;
      for(var i = 0; i < len; i++){
       child = this.domNode.childNodes[i];
       if(child.nodeType != 1){ continue; }
       if(child == this._terminator){ break; }
       w = dijit.byNode(child);
       w.containerNode.parentNode.style.display = "none";
       w.setOpacity(w.iconNode, 1);
      }
  • summary

• dojox.mobile.IconContainer.addChild

  • type

    Function

  • parameters:
    • widget: (typeof )
  • source: [view]
      this.domNode.insertBefore(widget.domNode, this._terminator);
      widget.transition = this.transition;
      if(this.transition == "below"){
       this.domNode.appendChild(widget.subNode);
      }
      widget.inheritParams();
      widget.setIcon();
  • summary

• dojox.mobile.IconContainer.domNode

  • summary

• dojox.mobile.IconContainer.domNode.className

  • summary

• dojox.mobile.IconContainer._terminator

  • summary

• dojox.mobile.IconItem

  • type

    Function

  • chains:
    • dojox.mobile.AbstractItem: (prototype)
    • dojox.mobile.AbstractItem: (call)
  • description

    Dynamic creation is not supported.

  • summary

• dojox.mobile.IconItem.lazy

  • summary

• dojox.mobile.IconItem.requires

  • summary

• dojox.mobile.IconItem.timeout

  • summary

• dojox.mobile.IconItem.templateString

  • summary

• dojox.mobile.IconItem.templateStringSub

  • summary

• dojox.mobile.IconItem.createTemplate

  • type

    Function

  • parameters:
    • s: (typeof )
  • source: [view]
      dojo.forEach(["lazy","icon","label"], function(v){
       while(s.indexOf("${"+v+"}") != -1){
        s = s.replace("${"+v+"}", this[v]);
       }
      }, this);
      var div = dojo.doc.createElement("DIV");
      div.innerHTML = s;
    
    
      /*
      dojo.forEach(dojo.query("[dojoAttachPoint]", domNode), function(node){
       this[node.getAttribute("dojoAttachPoint")] = node;
      }, this);
      */
    
    
      var nodes = div.getElementsByTagName("*");
      var i, len, s1;
      len = nodes.length;
      for(i = 0; i < len; i++){
       s1 = nodes[i].getAttribute("dojoAttachPoint");
       if(s1){
        this[s1] = nodes[i];
       }
      }
      var domNode = div.removeChild(div.firstChild);
      div = null;
      return domNode;
  • summary

• dojox.mobile.IconItem.buildRendering

  • type

    Function

  • source: [view]
      this.inheritParams();
      this.domNode = this.createTemplate(this.templateString);
      this.subNode = this.createTemplate(this.templateStringSub);
      this.subNode._parentNode = this.domNode; // [custom property]
    
    
      if(this.srcNodeRef){
       // reparent
       for(var i = 0, len = this.srcNodeRef.childNodes.length; i < len; i++){
        this.containerNode.appendChild(this.srcNodeRef.removeChild(this.srcNodeRef.firstChild));
       }
       this.srcNodeRef.parentNode.replaceChild(this.domNode, this.srcNodeRef);
       this.srcNodeRef = null;
      }
      this.setIcon();
  • summary

• dojox.mobile.IconItem.setIcon

  • type

    Function

  • source: [view]
      this.iconNode.src = this.icon;
      dojox.mobile.setupIcon(this.iconNode, this.iconPos);
  • summary

• dojox.mobile.IconItem.postCreate

  • type

    Function

  • source: [view]
      this.connect(this.iconNode, "onmousedown", "onMouseDownIcon");
      this.connect(this.iconNode, "onclick", "iconClicked");
      this.connect(this.closeIconNode, "onclick", "closeIconClicked");
      this.connect(this.iconNode, "onerror", "onError");
  • summary

• dojox.mobile.IconItem.highlight

  • type

    Function

  • source: [view]
      dojo.addClass(this.iconDivNode, "mblVibrate");
      if(this.timeout > 0){
       var _this = this;
       setTimeout(function(){
        _this.unhighlight();
       }, this.timeout*1000);
      }
  • summary

• dojox.mobile.IconItem.unhighlight

  • type

    Function

  • source: [view]
      dojo.removeClass(this.iconDivNode, "mblVibrate");
  • summary

• dojox.mobile.IconItem.setOpacity

  • type

    Function

  • parameters:
    • node: (typeof )
    • val: (typeof )
  • source: [view]
      node.style.opacity = val;
      node.style.mozOpacity = val;
      node.style.khtmlOpacity = val;
      node.style.webkitOpacity = val;
  • summary

• dojox.mobile.IconItem.instantiateWidget

  • type

    Function

  • parameters:
    • e: (typeof )
  • source: [view]
    dojo.provide("dojox.mobile.IconContainer");
    
    
    dojo.require("dojox.mobile");
    
    
    dojo.declare(
     "dojox.mobile.IconContainer",
     dijit._WidgetBase,
    {
     defaultIcon: "",
     transition: "below", // slide, flip, or below
     pressedIconOpacity: 0.4,
     iconBase: "",
     iconPos: "",
     back: "Home",
     label: "My Application",
     single: false,
    
    
     buildRendering: function(){
      this.domNode = this.containerNode = this.srcNodeRef || dojo.doc.createElement("UL");
      this.domNode.className = "mblIconContainer";
      var t = this._terminator = dojo.create("LI");
      t.className = "mblIconItemTerminator";
      t.innerHTML = " ";
      this.domNode.appendChild(t);
     },
    
    
     _setupSubNodes: function(ul){
      var len = this.domNode.childNodes.length - 1; // -1 for terminator
      for(i = 0; i < len; i++){
       child = this.domNode.childNodes[i];
       if(child.nodeType != 1){ continue; }
       w = dijit.byNode(child);
       if(this.single){
        w.subNode.firstChild.style.display = "none";
       }
       ul.appendChild(w.subNode);
      }
     },
    
    
     startup: function(){
      var ul, i, len, child, w;
      if(this.transition == "below"){
       this._setupSubNodes(this.domNode);
      }else{
       var view = new dojox.mobile.View({id:this.id+"_mblApplView"});
       var _this = this;
       view.onAfterTransitionIn = function(moveTo, dir, transition, context, method){
        _this._opening._open_1();
       };
       view.domNode.style.visibility = "hidden";
       var heading = view._heading = new dojox.mobile.Heading({back:this.back, label:this.label, moveTo:this.domNode.parentNode.id, transition:this.transition});
       view.addChild(heading);
       ul = dojo.doc.createElement("UL");
       ul.className = "mblIconContainer";
       ul.style.marginTop = "0px";
       this._setupSubNodes(ul);
       view.domNode.appendChild(ul);
       dojo.doc.body.appendChild(view.domNode);
       heading.startup();
      }
     },
    
    
     closeAll: function(){
      var len = this.domNode.childNodes.length;
      for(var i = 0; i < len; i++){
       child = this.domNode.childNodes[i];
       if(child.nodeType != 1){ continue; }
       if(child == this._terminator){ break; }
       w = dijit.byNode(child);
       w.containerNode.parentNode.style.display = "none";
       w.setOpacity(w.iconNode, 1);
      }
     },
    
    
     addChild: function(widget){
      this.domNode.insertBefore(widget.domNode, this._terminator);
      widget.transition = this.transition;
      if(this.transition == "below"){
       this.domNode.appendChild(widget.subNode);
      }
      widget.inheritParams();
      widget.setIcon();
     }
    });
    
    
    dojo.declare(
     "dojox.mobile.IconItem",
     dojox.mobile.AbstractItem,
    {
     // description:
     //  Dynamic creation is not supported.
     lazy: false,
     requires: "",
     timeout: 10,
    
    
     templateString: '
  • '+
          '
    '+
           '

    

    ${label}'+
          '
    '+
         '
  ',
   templateStringSub: '
  • '+
          '

    '+
           '

    ${label}'+
          '

    '+
          '
    '+
         '
  ',
  
  
   createTemplate: function(s){
    dojo.forEach(["lazy","icon","label"], function(v){
     while(s.indexOf("${"+v+"}") != -1){
      s = s.replace("${"+v+"}", this[v]);
     }
    }, this);
    var div = dojo.doc.createElement("DIV");
    div.innerHTML = s;
  
  
    /*
    dojo.forEach(dojo.query("[dojoAttachPoint]", domNode), function(node){
     this[node.getAttribute("dojoAttachPoint")] = node;
    }, this);
    */
  
  
    var nodes = div.getElementsByTagName("*");
    var i, len, s1;
    len = nodes.length;
    for(i = 0; i < len; i++){
     s1 = nodes[i].getAttribute("dojoAttachPoint");
     if(s1){
      this[s1] = nodes[i];
     }
    }
    var domNode = div.removeChild(div.firstChild);
    div = null;
    return domNode;
   },
  
  
   buildRendering: function(){
    this.inheritParams();
    this.domNode = this.createTemplate(this.templateString);
    this.subNode = this.createTemplate(this.templateStringSub);
    this.subNode._parentNode = this.domNode; // [custom property]
  
  
    if(this.srcNodeRef){
     // reparent
     for(var i = 0, len = this.srcNodeRef.childNodes.length; i < len; i++){
      this.containerNode.appendChild(this.srcNodeRef.removeChild(this.srcNodeRef.firstChild));
     }
     this.srcNodeRef.parentNode.replaceChild(this.domNode, this.srcNodeRef);
     this.srcNodeRef = null;
    }
    this.setIcon();
   },
  
  
   setIcon: function(){
    this.iconNode.src = this.icon;
    dojox.mobile.setupIcon(this.iconNode, this.iconPos);
   },
  
  
   postCreate: function(){
    this.connect(this.iconNode, "onmousedown", "onMouseDownIcon");
    this.connect(this.iconNode, "onclick", "iconClicked");
    this.connect(this.closeIconNode, "onclick", "closeIconClicked");
    this.connect(this.iconNode, "onerror", "onError");
   },
  
  
   highlight: function(){
    dojo.addClass(this.iconDivNode, "mblVibrate");
    if(this.timeout > 0){
     var _this = this;
     setTimeout(function(){
      _this.unhighlight();
     }, this.timeout*1000);
    }
   },
  
  
   unhighlight: function(){
    dojo.removeClass(this.iconDivNode, "mblVibrate");
   },
  
  
   setOpacity: function(node, val){
    node.style.opacity = val;
    node.style.mozOpacity = val;
    node.style.khtmlOpacity = val;
    node.style.webkitOpacity = val;
   },
  
  
   instantiateWidget: function(e){
    // avoid use of dojo.query
    /*
    var list = dojo.query('[dojoType]', this.containerNode);
    for(var i = 0, len = list.length; i < len; i++){
     dojo["require"](list[i].getAttribute("dojoType"));
    }
    */
  
  
    var nodes = this.containerNode.getElementsByTagName("*");
    var len = nodes.length;
    var s;
    for(var i = 0; i < len; i++){
     s = nodes[i].getAttribute("dojoType");
     if(s){
      dojo["require"](s);
     }
    }
  
  
    if(len > 0){
     (dojox.mobile.parser || dojo.parser).parse(this.containerNode);
    }
    this.lazy = false;