git.roojs.org Git - roojs1/blob - docs/symbols/src/Roo_bootstrap_NavProgressBar.js.html

   1 <html><head><title>../roojs1/Roo/bootstrap/NavProgressBar.js</title><link rel="stylesheet" type="text/css" href="../../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
   2  * - LGPL
   3  *
   4  * nav progress bar
   5  *
   6  */
   7
   8 /**
   9  * @class Roo.bootstrap.NavProgressBar
  10  * @extends Roo.bootstrap.Component
  11  * Bootstrap NavProgressBar class
  12  *
  13  * @constructor
  14  * Create a new nav progress bar
  15  * @param {Object} config The config object
  16  */
  17
  18 </span><span class="jsdoc-var">Roo.bootstrap.NavProgressBar </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  19     </span><span class="jsdoc-var">Roo.bootstrap.NavProgressBar.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  20
  21     </span><span class="jsdoc-var">this.bullets </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.bullets </span><span class="jsdoc-syntax">|| [];
  22
  23 </span><span class="jsdoc-comment">//    Roo.bootstrap.NavProgressBar.register(this);
  24      </span><span class="jsdoc-var">this.addEvents</span><span class="jsdoc-syntax">({
  25         </span><span class="jsdoc-comment">/**
  26              * @event changed
  27              * Fires when the active item changes
  28              * @param {Roo.bootstrap.NavProgressBar} this
  29              * @param {Roo.bootstrap.NavProgressItem} selected The item selected
  30              * @param {Roo.bootstrap.NavProgressItem} prev The previously selected item
  31          */
  32         </span><span class="jsdoc-string">'changed'</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true
  33      </span><span class="jsdoc-syntax">});
  34
  35 };
  36
  37 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.NavProgressBar</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.Component</span><span class="jsdoc-syntax">,  {
  38
  39     </span><span class="jsdoc-var">bullets </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
  40     </span><span class="jsdoc-var">barItems </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
  41
  42
  43     </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  44     {
  45         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.apply</span><span class="jsdoc-syntax">({}, </span><span class="jsdoc-var">Roo.bootstrap.NavProgressBar.superclass.getAutoCreate.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">));
  46
  47         </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">= {
  48             </span><span class="jsdoc-var">tag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'ul'</span><span class="jsdoc-syntax">,
  49             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'roo-navigation-bar'
  50         </span><span class="jsdoc-syntax">}
  51
  52         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
  53
  54     },
  55
  56     </span><span class="jsdoc-var">onRender </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ct</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">position</span><span class="jsdoc-syntax">)
  57     {
  58         </span><span class="jsdoc-var">Roo.bootstrap.NavProgressBar.superclass.onRender.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">ct</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">position</span><span class="jsdoc-syntax">);
  59
  60         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.bullets.length</span><span class="jsdoc-syntax">){
  61             </span><span class="jsdoc-var">Roo.each</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.bullets</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">){
  62
  63             }, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
  64         }
  65
  66
  67     },
  68
  69     </span><span class="jsdoc-var">initEvents</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  70     {
  71         </span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'items!!!!!!!!!!!1'</span><span class="jsdoc-syntax">);
  72         </span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.items</span><span class="jsdoc-syntax">);
  73     }
  74 </span><span class="jsdoc-comment">//
  75 //
  76 //    /**
  77 //    * sets the active Navigation item
  78 //    * @param {Roo.bootstrap.NavProgressItem} the new current navitem
  79 //    */
  80 //    setActiveItem : function(item)
  81 //    {
  82 //        var prev = false;
  83 //        Roo.each(this.items, function(v){
  84 //            if (v == item) {
  85 //                return ;
  86 //            }
  87 //            if (v.isActive()) {
  88 //                v.setActive(false, true);
  89 //                prev = v;
  90 //
  91 //            }
  92 //
  93 //        });
  94 //
  95 //        item.setActive(true, true);
  96 //        this.fireEvent('changed', this, item, prev);
  97 //    },
  98 //
  99 //    /**
 100 //    * gets the active Navigation item
 101 //    * @return {Roo.bootstrap.NavProgressItem} the current navitem
 102 //    */
 103 //    getActive : function()
 104 //    {
 105 //        var active = false;
 106 //
 107 //        Roo.each(this.items, function(v){
 108 //
 109 //            if (!v.isActive()) {
 110 //                return;
 111 //            }
 112 //
 113 //            active = v;
 114 //            return false;
 115 //
 116 //        });
 117 //
 118 //        return active;
 119 //    },
 120 //
 121 //    indexOfNav : function(item)
 122 //    {
 123 //        var index = false;
 124 //
 125 //        Roo.each(this.items, function(v,i){
 126 //
 127 //            if (v != item) {
 128 //                return;
 129 //            }
 130 //
 131 //            index = i;
 132 //            return false
 133 //        });
 134 //
 135 //        return index;
 136 //    },
 137 //
 138 //    /**
 139 //    * adds a Navigation item
 140 //    * @param {Roo.bootstrap.NavProgressItem} the NavProgressItem to add
 141 //    */
 142 //    addItem : function(cfg)
 143 //    {
 144 //        var cn = new Roo.bootstrap.NavProgressItem(cfg);
 145 //        this.register(cn);
 146 //        cn.parentId = this.id;
 147 //        cn.onRender(this.el, null);
 148 //        return cn;
 149 //    },
 150 //
 151 //    /**
 152 //    * register a Navigation item
 153 //    * @param {Roo.bootstrap.NavItem} the navitem to add
 154 //    */
 155 //    register : function(item)
 156 //    {
 157 //        this.items.push(item);
 158 //        item.navId = this.navId;
 159 //
 160 //    },
 161 //
 162 //    /**
 163 //    * clear all the Navigation item
 164 //    */
 165 //
 166 //    clearAll : function()
 167 //    {
 168 //        this.items = [];
 169 //        this.el.dom.innerHTML = '';
 170 //    },
 171 //
 172 //    getNavItem: function(tabId)
 173 //    {
 174 //        var ret = false;
 175 //        Roo.each(this.items, function(e) {
 176 //            if (e.tabId == tabId) {
 177 //               ret =  e;
 178 //               return false;
 179 //            }
 180 //            return true;
 181 //
 182 //        });
 183 //        return ret;
 184 //    },
 185 //
 186 //    setActiveNext : function()
 187 //    {
 188 //        var i = this.indexOfNav(this.getActive());
 189 //
 190 //        if (i &gt; this.items.length) {
 191 //            return;
 192 //        }
 193 //
 194 //        this.setActiveItem(this.items[i+1]);
 195 //    },
 196 //
 197 //    setActivePrev : function()
 198 //    {
 199 //        var i = this.indexOfNav(this.getActive());
 200 //
 201 //        if (i  &lt; 1) {
 202 //            return;
 203 //        }
 204 //
 205 //        this.setActiveItem(this.items[i-1]);
 206 //    },
 207 //
 208 //    clearWasActive : function(except) {
 209 //        Roo.each(this.items, function(e) {
 210 //            if (e.tabId != except.tabId &amp;&amp; e.was_active) {
 211 //               e.was_active = false;
 212 //               return false;
 213 //            }
 214 //            return true;
 215 //
 216 //        });
 217 //    },
 218 //
 219 //    getWasActive : function ()
 220 //    {
 221 //        var r = false;
 222 //        Roo.each(this.items, function(e) {
 223 //            if (e.was_active) {
 224 //               r = e;
 225 //               return false;
 226 //            }
 227 //            return true;
 228 //
 229 //        });
 230 //        return r;
 231 //    }
 232
 233
 234 </span><span class="jsdoc-syntax">});
 235
 236 </span><span class="jsdoc-comment">//
 237 //Roo.apply(Roo.bootstrap.NavProgressBar, {
 238 //
 239 //    groups: {},
 240 //     /**
 241 //    * register a Navigation Group
 242 //    * @param {Roo.bootstrap.NavGroup} the navgroup to add
 243 //    */
 244 //    register : function(bar)
 245 //    {
 246 //        this.groups[bar.navId] = bar;
 247 //
 248 //    },
 249 //    /**
 250 //    * fetch a Navigation Bar based on the navigation ID
 251 //    * @param {string} the nav bar to add
 252 //    * @returns {Roo.bootstrap.NavProgressBar} the nav bar
 253 //    */
 254 //    get: function(navId)
 255 //    {
 256 //        if (typeof(this.groups[navId]) == 'undefined') {
 257 //            return false;
 258 //        }
 259 //
 260 //        return this.groups[navId] ;
 261 //    }
 262 //
 263 //});
 264
 265  </span></code></body></html>