12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- // create KMenu class
- function KMenu(options) {
- this.init(options);
- }
- _extend(KMenu, KWidget, {
- init : function(options) {
- var self = this;
- options.z = options.z || 811213;
- KMenu.parent.init.call(self, options);
- self.centerLineMode = _undef(options.centerLineMode, true);
- self.div.addClass('ke-menu').bind('click,mousedown', function(e){
- e.stopPropagation();
- }).attr('unselectable', 'on');
- },
- addItem : function(item) {
- var self = this;
- if (item.title === '-') {
- self.div.append(K('<div class="ke-menu-separator"></div>'));
- return;
- }
- var itemDiv = K('<div class="ke-menu-item" unselectable="on"></div>'),
- leftDiv = K('<div class="ke-inline-block ke-menu-item-left"></div>'),
- rightDiv = K('<div class="ke-inline-block ke-menu-item-right"></div>'),
- height = _addUnit(item.height),
- iconClass = _undef(item.iconClass, '');
- self.div.append(itemDiv);
- if (height) {
- itemDiv.css('height', height);
- rightDiv.css('line-height', height);
- }
- var centerDiv;
- if (self.centerLineMode) {
- centerDiv = K('<div class="ke-inline-block ke-menu-item-center"></div>');
- if (height) {
- centerDiv.css('height', height);
- }
- }
- itemDiv.mouseover(function(e) {
- K(this).addClass('ke-menu-item-on');
- if (centerDiv) {
- centerDiv.addClass('ke-menu-item-center-on');
- }
- })
- .mouseout(function(e) {
- K(this).removeClass('ke-menu-item-on');
- if (centerDiv) {
- centerDiv.removeClass('ke-menu-item-center-on');
- }
- })
- .click(function(e) {
- item.click.call(K(this));
- e.stopPropagation();
- })
- .append(leftDiv);
- if (centerDiv) {
- itemDiv.append(centerDiv);
- }
- itemDiv.append(rightDiv);
- if (item.checked) {
- iconClass = 'ke-icon-checked';
- }
- if (iconClass !== '') {
- leftDiv.html('<span class="ke-inline-block ke-toolbar-icon ke-toolbar-icon-url ' + iconClass + '"></span>');
- }
- rightDiv.html(item.title);
- return self;
- },
- remove : function() {
- var self = this;
- if (self.options.beforeRemove) {
- self.options.beforeRemove.call(self);
- }
- K('.ke-menu-item', self.div[0]).unbind();
- KMenu.parent.remove.call(self);
- return self;
- }
- });
- function _menu(options) {
- return new KMenu(options);
- }
- K.MenuClass = KMenu;
- K.menu = _menu;
|