You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
172 lines
4.9 KiB
JavaScript
172 lines
4.9 KiB
JavaScript
dojo.provide("dijit.MenuItem");
|
|
|
|
dojo.require("dijit._Widget");
|
|
dojo.require("dijit._Templated");
|
|
dojo.require("dijit._Contained");
|
|
|
|
dojo.declare("dijit.MenuItem",
|
|
[dijit._Widget, dijit._Templated, dijit._Contained],
|
|
{
|
|
// summary:
|
|
// A line item in a Menu Widget
|
|
|
|
// Make 3 columns
|
|
// icon, label, and expand arrow (BiDi-dependent) indicating sub-menu
|
|
templatePath: dojo.moduleUrl("dijit", "templates/MenuItem.html"),
|
|
|
|
attributeMap: dojo.delegate(dijit._Widget.prototype.attributeMap, {
|
|
label: { node: "containerNode", type: "innerHTML" },
|
|
iconClass: { node: "iconNode", type: "class" }
|
|
}),
|
|
|
|
// label: String
|
|
// Menu text
|
|
label: '',
|
|
|
|
// iconClass: String
|
|
// Class to apply to DOMNode to make it display an icon.
|
|
iconClass: "",
|
|
|
|
// accelKey: String
|
|
// Text for the accelerator (shortcut) key combination.
|
|
// Note that although Menu can display accelerator keys there
|
|
// is no infrastructure to actually catch and execute these
|
|
// accelerators.
|
|
accelKey: "",
|
|
|
|
// disabled: Boolean
|
|
// If true, the menu item is disabled.
|
|
// If false, the menu item is enabled.
|
|
disabled: false,
|
|
|
|
_fillContent: function(/*DomNode*/ source){
|
|
// If button label is specified as srcNodeRef.innerHTML rather than
|
|
// this.params.label, handle it here.
|
|
if(source && !("label" in this.params)){
|
|
this.attr('label', source.innerHTML);
|
|
}
|
|
},
|
|
|
|
postCreate: function(){
|
|
dojo.setSelectable(this.domNode, false);
|
|
dojo.attr(this.containerNode, "id", this.id+"_text");
|
|
dijit.setWaiState(this.domNode, "labelledby", this.id+"_text");
|
|
},
|
|
|
|
_onHover: function(){
|
|
// summary:
|
|
// Handler when mouse is moved onto menu item
|
|
// tags:
|
|
// protected
|
|
dojo.addClass(this.domNode, 'dijitMenuItemHover');
|
|
this.getParent().onItemHover(this);
|
|
},
|
|
|
|
_onUnhover: function(){
|
|
// summary:
|
|
// Handler when mouse is moved off of menu item,
|
|
// possibly to a child menu, or maybe to a sibling
|
|
// menuitem or somewhere else entirely.
|
|
// tags:
|
|
// protected
|
|
|
|
// if we are unhovering the currently selected item
|
|
// then unselect it
|
|
dojo.removeClass(this.domNode, 'dijitMenuItemHover');
|
|
this.getParent().onItemUnhover(this);
|
|
},
|
|
|
|
_onClick: function(evt){
|
|
// summary:
|
|
// Internal handler for click events on MenuItem.
|
|
// tags:
|
|
// private
|
|
this.getParent().onItemClick(this, evt);
|
|
dojo.stopEvent(evt);
|
|
},
|
|
|
|
onClick: function(/*Event*/ evt){
|
|
// summary:
|
|
// User defined function to handle clicks
|
|
// tags:
|
|
// callback
|
|
},
|
|
|
|
focus: function(){
|
|
// summary:
|
|
// Focus on this MenuItem
|
|
try{
|
|
dijit.focus(this.focusNode);
|
|
}catch(e){
|
|
// this throws on IE (at least) in some scenarios
|
|
}
|
|
},
|
|
|
|
_onFocus: function(){
|
|
// summary:
|
|
// This is called by the focus manager when focus
|
|
// goes to this MenuItem or a child menu.
|
|
// tags:
|
|
// protected
|
|
this._setSelected(true);
|
|
|
|
// TODO: this.inherited(arguments);
|
|
},
|
|
|
|
_setSelected: function(selected){
|
|
// summary:
|
|
// Indicate that this node is the currently selected one
|
|
// tags:
|
|
// private
|
|
|
|
/***
|
|
* TODO: remove this method and calls to it, when _onBlur() is working for MenuItem.
|
|
* Currently _onBlur() gets called when focus is moved from the MenuItem to a child menu.
|
|
* That's not supposed to happen, but the problem is:
|
|
* In order to allow dijit.popup's getTopPopup() to work,a sub menu's popupParent
|
|
* points to the parent Menu, bypassing the parent MenuItem... thus the
|
|
* MenuItem is not in the chain of active widgets and gets a premature call to
|
|
* _onBlur()
|
|
*/
|
|
|
|
dojo.toggleClass(this.domNode, "dijitMenuItemSelected", selected);
|
|
},
|
|
|
|
setLabel: function(/*String*/ content){
|
|
// summary:
|
|
// Deprecated. Use attr('label', ...) instead.
|
|
// tags:
|
|
// deprecated
|
|
dojo.deprecated("dijit.MenuItem.setLabel() is deprecated. Use attr('label', ...) instead.", "", "2.0");
|
|
this.attr("label", content);
|
|
},
|
|
|
|
setDisabled: function(/*Boolean*/ disabled){
|
|
// summary:
|
|
// Deprecated. Use attr('disabled', bool) instead.
|
|
// tags:
|
|
// deprecated
|
|
dojo.deprecated("dijit.Menu.setDisabled() is deprecated. Use attr('disabled', bool) instead.", "", "2.0");
|
|
this.attr('disabled', disabled);
|
|
},
|
|
_setDisabledAttr: function(/*Boolean*/ value){
|
|
// summary:
|
|
// Hook for attr('disabled', ...) to work.
|
|
// Enable or disable this menu item.
|
|
this.disabled = value;
|
|
dojo[value ? "addClass" : "removeClass"](this.domNode, 'dijitMenuItemDisabled');
|
|
dijit.setWaiState(this.focusNode, 'disabled', value ? 'true' : 'false');
|
|
},
|
|
_setAccelKeyAttr: function(/*String*/ value){
|
|
// summary:
|
|
// Hook for attr('accelKey', ...) to work.
|
|
// Set accelKey on this menu item.
|
|
this.accelKey=value;
|
|
|
|
this.accelKeyNode.style.display=value?"":"none";
|
|
this.accelKeyNode.innerHTML=value;
|
|
//have to use colSpan to make it work in IE
|
|
dojo.attr(this.containerNode,'colSpan',value?"1":"2");
|
|
}
|
|
});
|