google/material-design-lite
1
1
Fork 0
mirror of https://github.com/google/material-design-lite.git synced 2024-09-20 16:57:31 +03:00
Code Issues Projects Releases Wiki Activity

Add mdlDowngrade to menu (fixes #1257) (Closes #1258)

Browse Source
This commit is contained in:
Surma 2015-07-30 12:14:04 +01:00 committed by Addy Osmani
parent 967e178620
commit 5b82826e41
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/menu/menu.js
View File

@ -120,15 +120,15 @@ MaterialMenu.prototype.init = function() {
}
var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);
this.boundItemKeydown = this.handleItemKeyboardEvent_.bind(this);
this.boundItemClick = this.handleItemClick_.bind(this);
for (var i = 0; i < items.length; i++) {
// Add a listener to each menu item.
items[i].addEventListener('click', this.handleItemClick_.bind(this));
items[i].addEventListener('click', this.boundItemClick);
// Add a tab index to each menu item.
items[i].tabIndex = '-1';
// Add a keyboard listener to each menu item.
items[i].addEventListener('keydown',
this.handleItemKeyboardEvent_.bind(this));
items[i].addEventListener('keydown', this.boundItemKeydown);
}
// Add ripple classes to each item, if the user has enabled ripples.
@ -458,6 +458,19 @@ MaterialMenu.prototype.toggle = function(evt) {
}
};
/*
* Downgrade the component.
*/
MaterialMenu.prototype.mdlDowngrade_ = function() {
'use strict';
var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);
for (var i = 0; i < items.length; i++) {
items[i].removeEventListener('click', this.boundItemClick);
items[i].removeEventListener('keydown', this.boundItemKeydown);
}
};
// The component registers itself. It can assume componentHandler is available
// in the global scope.
componentHandler.register({