Upgrade to ExtJS 3.1.0 - Released 12/16/2009
[extjs.git] / docs / source / MenuMgr.html
1 <html>\r
2 <head>\r
3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    \r
4   <title>The source code</title>\r
5     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
6     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
7 </head>\r
8 <body  onload="prettyPrint();">\r
9     <pre class="prettyprint lang-js"><div id="cls-Ext.menu.MenuMgr"></div>/**
10  * @class Ext.menu.MenuMgr
11  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
12  * @singleton
13  */
14 Ext.menu.MenuMgr = function(){
15    var menus, active, groups = {}, attached = false, lastShow = new Date();
16
17    // private - called when first menu is created
18    function init(){
19        menus = {};
20        active = new Ext.util.MixedCollection();
21        Ext.getDoc().addKeyListener(27, function(){
22            if(active.length > 0){
23                hideAll();
24            }
25        });
26    }
27
28    // private
29    function hideAll(){
30        if(active && active.length > 0){
31            var c = active.clone();
32            c.each(function(m){
33                m.hide();
34            });
35            return true;
36        }
37        return false;
38    }
39
40    // private
41    function onHide(m){
42        active.remove(m);
43        if(active.length < 1){
44            Ext.getDoc().un("mousedown", onMouseDown);
45            attached = false;
46        }
47    }
48
49    // private
50    function onShow(m){
51        var last = active.last();
52        lastShow = new Date();
53        active.add(m);
54        if(!attached){
55            Ext.getDoc().on("mousedown", onMouseDown);
56            attached = true;
57        }
58        if(m.parentMenu){
59           m.getEl().setZIndex(parseInt(m.parentMenu.getEl().getStyle("z-index"), 10) + 3);
60           m.parentMenu.activeChild = m;
61        }else if(last && last.isVisible()){
62           m.getEl().setZIndex(parseInt(last.getEl().getStyle("z-index"), 10) + 3);
63        }
64    }
65
66    // private
67    function onBeforeHide(m){
68        if(m.activeChild){
69            m.activeChild.hide();
70        }
71        if(m.autoHideTimer){
72            clearTimeout(m.autoHideTimer);
73            delete m.autoHideTimer;
74        }
75    }
76
77    // private
78    function onBeforeShow(m){
79        var pm = m.parentMenu;
80        if(!pm && !m.allowOtherMenus){
81            hideAll();
82        }else if(pm && pm.activeChild){
83            pm.activeChild.hide();
84        }
85    }
86
87    // private
88    function onMouseDown(e){
89        if(lastShow.getElapsed() > 50 && active.length > 0 && !e.getTarget(".x-menu")){
90            hideAll();
91        }
92    }
93
94    // private
95    function onBeforeCheck(mi, state){
96        if(state){
97            var g = groups[mi.group];
98            for(var i = 0, l = g.length; i < l; i++){
99                if(g[i] != mi){
100                    g[i].setChecked(false);
101                }
102            }
103        }
104    }
105
106    return {
107
108        <div id="method-Ext.menu.MenuMgr-hideAll"></div>/**
109         * Hides all menus that are currently visible
110         * @return {Boolean} success True if any active menus were hidden.
111         */
112        hideAll : function(){
113             return hideAll();  
114        },
115
116        // private
117        register : function(menu){
118            if(!menus){
119                init();
120            }
121            menus[menu.id] = menu;
122            menu.on({
123                beforehide: onBeforeHide,
124                hide: onHide,
125                beforeshow: onBeforeShow,
126                show: onShow
127            });
128        },
129
130         <div id="method-Ext.menu.MenuMgr-get"></div>/**
131          * Returns a {@link Ext.menu.Menu} object
132          * @param {String/Object} menu The string menu id, an existing menu object reference, or a Menu config that will
133          * be used to generate and return a new Menu instance.
134          * @return {Ext.menu.Menu} The specified menu, or null if none are found
135          */
136        get : function(menu){
137            if(typeof menu == "string"){ // menu id
138                if(!menus){  // not initialized, no menus to return
139                    return null;
140                }
141                return menus[menu];
142            }else if(menu.events){  // menu instance
143                return menu;
144            }else if(typeof menu.length == 'number'){ // array of menu items?
145                return new Ext.menu.Menu({items:menu});
146            }else{ // otherwise, must be a config
147                return Ext.create(menu, 'menu');
148            }
149        },
150
151        // private
152        unregister : function(menu){
153            delete menus[menu.id];
154            menu.un("beforehide", onBeforeHide);
155            menu.un("hide", onHide);
156            menu.un("beforeshow", onBeforeShow);
157            menu.un("show", onShow);
158        },
159
160        // private
161        registerCheckable : function(menuItem){
162            var g = menuItem.group;
163            if(g){
164                if(!groups[g]){
165                    groups[g] = [];
166                }
167                groups[g].push(menuItem);
168                menuItem.on("beforecheckchange", onBeforeCheck);
169            }
170        },
171
172        // private
173        unregisterCheckable : function(menuItem){
174            var g = menuItem.group;
175            if(g){
176                groups[g].remove(menuItem);
177                menuItem.un("beforecheckchange", onBeforeCheck);
178            }
179        },
180
181        getCheckedItem : function(groupId){
182            var g = groups[groupId];
183            if(g){
184                for(var i = 0, l = g.length; i < l; i++){
185                    if(g[i].checked){
186                        return g[i];
187                    }
188                }
189            }
190            return null;
191        },
192
193        setCheckedItem : function(groupId, itemId){
194            var g = groups[groupId];
195            if(g){
196                for(var i = 0, l = g.length; i < l; i++){
197                    if(g[i].id == itemId){
198                        g[i].setChecked(true);
199                    }
200                }
201            }
202            return null;
203        }
204    };
205 }();
206 </pre>    \r
207 </body>\r
208 </html>