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

   1 <html><head><title>../roojs1/Roo/bootstrap/Menu.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  * row
   5  *
   6  */
   7
   8 /**
   9  * @class Roo.bootstrap.Menu
  10  * @extends Roo.bootstrap.Component
  11  * Bootstrap Menu class - container for MenuItems
  12  *
  13  * @constructor
  14  * Create a new Menu
  15  * @param {Object} config The config object
  16  */
  17
  18
  19 </span><span class="jsdoc-var">Roo.bootstrap.Menu </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">){
  20     </span><span class="jsdoc-var">Roo.bootstrap.Menu.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">);
  21 };
  22
  23 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.Menu</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.Component</span><span class="jsdoc-syntax">,  {
  24
  25    </span><span class="jsdoc-comment">/// html : false,
  26     //align : '',
  27     </span><span class="jsdoc-var">triggerEl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
  28
  29
  30     </span><span class="jsdoc-var">getChildContainer </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
  31         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">;
  32     },
  33
  34     </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  35
  36         </span><span class="jsdoc-comment">//if (['right'].indexOf(this.align)!==-1) {
  37         //    cfg.cn[1].cls += ' pull-right'
  38         //}
  39
  40         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
  41             </span><span class="jsdoc-var">tag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'ul'</span><span class="jsdoc-syntax">,
  42             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'dropdown-menu'
  43
  44         </span><span class="jsdoc-syntax">};
  45     },
  46     </span><span class="jsdoc-var">initEvents </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
  47        </span><span class="jsdoc-comment">// Roo.log(&quot;ADD event&quot;);
  48        // Roo.log(this.triggerEl.dom);
  49         </span><span class="jsdoc-var">this.triggerEl.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'click'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.toggle</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
  50         </span><span class="jsdoc-var">this.triggerEl.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'dropdown-toggle'</span><span class="jsdoc-syntax">);
  51
  52     },
  53     </span><span class="jsdoc-var">toggle  </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">)
  54     {
  55         </span><span class="jsdoc-comment">//Roo.log(e.getTarget());
  56        // Roo.log(this.triggerEl.dom);
  57         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e.getTarget</span><span class="jsdoc-syntax">())</span><span class="jsdoc-var">.findParent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.dropdown-menu'</span><span class="jsdoc-syntax">)) {
  58             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  59         }
  60         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">isActive </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.triggerEl.hasClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'open'</span><span class="jsdoc-syntax">);
  61         </span><span class="jsdoc-comment">// if disabled.. ingore
  62         </span><span class="jsdoc-var">this.clearMenus</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
  63         </span><span class="jsdoc-comment">//if ('ontouchstart' in document.documentElement &amp;&amp; !$parent.closest('.navbar-nav').length) {
  64          // if mobile we use a backdrop because click events don't delegate
  65         // $('&lt;div class=&quot;dropdown-backdrop&quot;/&gt;').insertAfter($(this)).on('click', clearMenus)
  66         // }
  67
  68        //var relatedTarget = { relatedTarget: this }
  69        //$parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
  70
  71        //if (e.isDefaultPrevented()) return;
  72
  73        </span><span class="jsdoc-var">this.triggerEl</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">isActive </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">'removeClass' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'addClass'</span><span class="jsdoc-syntax">](</span><span class="jsdoc-string">'open'</span><span class="jsdoc-syntax">);
  74
  75        </span><span class="jsdoc-comment">//  .trigger('shown.bs.dropdown', relatedTarget)
  76
  77        </span><span class="jsdoc-var">this.triggerEl.focus</span><span class="jsdoc-syntax">();
  78        </span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
  79        </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
  80
  81
  82     },
  83     </span><span class="jsdoc-var">clearMenus </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  84     {
  85         </span><span class="jsdoc-comment">//$(backdrop).remove()
  86         </span><span class="jsdoc-var">Roo.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.dropdown-toggle'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.each</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">aa</span><span class="jsdoc-syntax">) {
  87             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">aa.hasClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'open'</span><span class="jsdoc-syntax">)) {
  88                 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  89             }
  90             </span><span class="jsdoc-comment">// triger close...
  91             </span><span class="jsdoc-var">aa.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'open'</span><span class="jsdoc-syntax">);
  92           </span><span class="jsdoc-comment">//var parent = getParent($(this))
  93           //var relatedTarget = { relatedTarget: this }
  94
  95            //$parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
  96           //if (e.isDefaultPrevented()) return
  97            //$parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
  98         </span><span class="jsdoc-syntax">})
  99     }
 100
 101
 102 });
 103
 104
 105
 106  </span></code></body></html>