86 lines
3.9 KiB
JavaScript
86 lines
3.9 KiB
JavaScript
|
require({cache:{
|
||
|
|
'url:dijit/form/templates/ComboButton.html':"<table class=\"dijit dijitReset dijitInline dijitLeft\"\n\tcellspacing='0' cellpadding='0' role=\"presentation\"\n\t><tbody role=\"presentation\"><tr role=\"presentation\"\n\t\t><td class=\"dijitReset dijitStretch dijitButtonNode\" data-dojo-attach-point=\"buttonNode\" data-dojo-attach-event=\"ondijitclick:_onClick,onkeypress:_onButtonKeyPress\"\n\t\t><div id=\"${id}_button\" class=\"dijitReset dijitButtonContents\"\n\t\t\tdata-dojo-attach-point=\"titleNode\"\n\t\t\trole=\"button\" aria-labelledby=\"${id}_label\"\n\t\t\t><div class=\"dijitReset dijitInline dijitIcon\" data-dojo-attach-point=\"iconNode\" role=\"presentation\"></div\n\t\t\t><div class=\"dijitReset dijitInline dijitButtonText\" id=\"${id}_label\" data-dojo-attach-point=\"containerNode\" role=\"presentation\"></div\n\t\t></div\n\t\t></td\n\t\t><td id=\"${id}_arrow\" class='dijitReset dijitRight dijitButtonNode dijitArrowButton'\n\t\t\tdata-dojo-attach-point=\"_popupStateNode,focusNode,_buttonNode\"\n\t\t\tdata-dojo-attach-event=\"onkeypress:_onArrowKeyPress\"\n\t\t\ttitle=\"${optionsTitle}\"\n\t\t\trole=\"button\" aria-haspopup=\"true\"\n\t\t\t><div class=\"dijitReset dijitArrowButtonInner\" role=\"presentation\"></div\n\t\t\t><div class=\"dijitReset dijitArrowButtonChar\" role=\"presentation\">▼</div\n\t\t></td\n\t\t><td style=\"display:none !important;\"\n\t\t\t><input ${!nameAttrSetting} type=\"${type}\" value=\"${value}\" data-dojo-attach-point=\"valueNode\" role=\"presentation\"\n\t\t/></td></tr></tbody\n></table>\n"}});
|
||
|
|
define("dijit/form/ComboButton", [
|
||
|
|
"dojo/_base/declare", // declare
|
||
|
|
"dojo/_base/event", // event.stop
|
||
|
|
"dojo/keys", // keys
|
||
|
|
"../focus", // focus.focus()
|
||
|
|
"./DropDownButton",
|
||
|
|
"dojo/text!./templates/ComboButton.html"
|
||
|
|
], function(declare, event, keys, focus, DropDownButton, template){
|
||
|
|
|
||
|
|
// module:
|
||
|
|
// dijit/form/ComboButton
|
||
|
|
|
||
|
|
return declare("dijit.form.ComboButton", DropDownButton, {
|
||
|
|
// summary:
|
||
|
|
// A combination button and drop-down button.
|
||
|
|
// Users can click one side to "press" the button, or click an arrow
|
||
|
|
// icon to display the drop down.
|
||
|
|
//
|
||
|
|
// example:
|
||
|
|
// | <button data-dojo-type="dijit/form/ComboButton" onClick="...">
|
||
|
|
// | <span>Hello world</span>
|
||
|
|
// | <div data-dojo-type="dijit/Menu">...</div>
|
||
|
|
// | </button>
|
||
|
|
//
|
||
|
|
// example:
|
||
|
|
// | var button1 = new ComboButton({label: "hello world", onClick: foo, dropDown: "myMenu"});
|
||
|
|
// | dojo.body().appendChild(button1.domNode);
|
||
|
|
//
|
||
|
|
|
||
|
|
templateString: template,
|
||
|
|
|
||
|
|
// Map widget attributes to DOMNode attributes.
|
||
|
|
_setIdAttr: "", // override _FormWidgetMixin which puts id on the focusNode
|
||
|
|
_setTabIndexAttr: ["focusNode", "titleNode"],
|
||
|
|
_setTitleAttr: "titleNode",
|
||
|
|
|
||
|
|
// optionsTitle: String
|
||
|
|
// Text that describes the options menu (accessibility)
|
||
|
|
optionsTitle: "",
|
||
|
|
|
||
|
|
baseClass: "dijitComboButton",
|
||
|
|
|
||
|
|
// Set classes like dijitButtonContentsHover or dijitArrowButtonActive depending on
|
||
|
|
// mouse action over specified node
|
||
|
|
cssStateNodes: {
|
||
|
|
"buttonNode": "dijitButtonNode",
|
||
|
|
"titleNode": "dijitButtonContents",
|
||
|
|
"_popupStateNode": "dijitDownArrowButton"
|
||
|
|
},
|
||
|
|
|
||
|
|
_focusedNode: null,
|
||
|
|
|
||
|
|
_onButtonKeyPress: function(/*Event*/ evt){
|
||
|
|
// summary:
|
||
|
|
// Handler for right arrow key when focus is on left part of button
|
||
|
|
if(evt.charOrCode == keys[this.isLeftToRight() ? "RIGHT_ARROW" : "LEFT_ARROW"]){
|
||
|
|
focus.focus(this._popupStateNode);
|
||
|
|
event.stop(evt);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_onArrowKeyPress: function(/*Event*/ evt){
|
||
|
|
// summary:
|
||
|
|
// Handler for left arrow key when focus is on right part of button
|
||
|
|
if(evt.charOrCode == keys[this.isLeftToRight() ? "LEFT_ARROW" : "RIGHT_ARROW"]){
|
||
|
|
focus.focus(this.titleNode);
|
||
|
|
event.stop(evt);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
focus: function(/*String*/ position){
|
||
|
|
// summary:
|
||
|
|
// Focuses this widget to according to position, if specified,
|
||
|
|
// otherwise on arrow node
|
||
|
|
// position:
|
||
|
|
// "start" or "end"
|
||
|
|
if(!this.disabled){
|
||
|
|
focus.focus(position == "start" ? this.titleNode : this._popupStateNode);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|