${label}
\n",
-
- _fillContent: function(){
- // my inner HTML contains both the button contents and a drop down widget, like
- //
push me ...
- // The first node is assumed to be the button content. The widget is the popup.
- if(this.srcNodeRef){ // programatically created buttons might not define srcNodeRef
- //FIXME: figure out how to filter out the widget and use all remaining nodes as button
- // content, not just nodes[0]
- var nodes = dojo.query("*", this.srcNodeRef);
- dijit.form.DropDownButton.superclass._fillContent.call(this, nodes[0]);
-
- // save pointer to srcNode so we can grab the drop down widget after it's instantiated
- this.dropDownContainer = this.srcNodeRef;
- }
- },
-
- startup: function(){
- if(this._started){ return; }
-
- // the child widget from srcNodeRef is the dropdown widget. Insert it in the page DOM,
- // make it invisible, and store a reference to pass to the popup code.
- if(!this.dropDown){
- var dropDownNode = dojo.query("[widgetId]", this.dropDownContainer)[0];
- this.dropDown = dijit.byNode(dropDownNode);
- delete this.dropDownContainer;
- }
- dijit.popup.prepare(this.dropDown.domNode);
-
- this.inherited(arguments);
- },
-
- destroyDescendants: function(){
- if(this.dropDown){
- this.dropDown.destroyRecursive();
- delete this.dropDown;
- }
- this.inherited(arguments);
- },
-
- _onArrowClick: function(/*Event*/ e){
- // summary: callback when the user mouse clicks on menu popup node
- if(this.disabled || this.readOnly){ return; }
- this._toggleDropDown();
- },
-
- _onDropDownClick: function(/*Event*/ e){
- // on Firefox 2 on the Mac it is possible to fire onclick
- // by pressing enter down on a second element and transferring
- // focus to the DropDownButton;
- // we want to prevent opening our menu in this situation
- // and only do so if we have seen a keydown on this button;
- // e.detail != 0 means that we were fired by mouse
- var isMacFFlessThan3 = dojo.isFF && dojo.isFF < 3
- && navigator.appVersion.indexOf("Macintosh") != -1;
- if(!isMacFFlessThan3 || e.detail != 0 || this._seenKeydown){
- this._onArrowClick(e);
- }
- this._seenKeydown = false;
- },
-
- _onDropDownKeydown: function(/*Event*/ e){
- this._seenKeydown = true;
- },
-
- _onDropDownBlur: function(/*Event*/ e){
- this._seenKeydown = false;
- },
-
- _onKey: function(/*Event*/ e){
- // summary: callback when the user presses a key on menu popup node
- if(this.disabled || this.readOnly){ return; }
- if(e.keyCode == dojo.keys.DOWN_ARROW){
- if(!this.dropDown || this.dropDown.domNode.style.visibility=="hidden"){
- dojo.stopEvent(e);
- this._toggleDropDown();
- }
- }
- },
-
- _onBlur: function(){
- // summary: called magically when focus has shifted away from this widget and it's dropdown
- this._closeDropDown();
- // don't focus on button. the user has explicitly focused on something else.
- this.inherited(arguments);
- },
-
- _toggleDropDown: function(){
- // summary: toggle the drop-down widget; if it is up, close it, if not, open it
- if(this.disabled || this.readOnly){ return; }
- dijit.focus(this.popupStateNode);
- var dropDown = this.dropDown;
- if(!dropDown){ return; }
- if(!this._opened){
- // If there's an href, then load that first, so we don't get a flicker
- if(dropDown.href && !dropDown.isLoaded){
- var self = this;
- var handler = dojo.connect(dropDown, "onLoad", function(){
- dojo.disconnect(handler);
- self._openDropDown();
- });
- dropDown._loadCheck(true);
- return;
- }else{
- this._openDropDown();
- }
- }else{
- this._closeDropDown();
- }
- },
-
- _openDropDown: function(){
- var dropDown = this.dropDown;
- var oldWidth=dropDown.domNode.style.width;
- var self = this;
-
- dijit.popup.open({
- parent: this,
- popup: dropDown,
- around: this.domNode,
- orient:
- // TODO: add user-defined positioning option, like in Tooltip.js
- this.isLeftToRight() ? {'BL':'TL', 'BR':'TR', 'TL':'BL', 'TR':'BR'}
- : {'BR':'TR', 'BL':'TL', 'TR':'BR', 'TL':'BL'},
- onExecute: function(){
- self._closeDropDown(true);
- },
- onCancel: function(){
- self._closeDropDown(true);
- },
- onClose: function(){
- dropDown.domNode.style.width = oldWidth;
- self.popupStateNode.removeAttribute("popupActive");
- this._opened = false;
- }
- });
- if(this.domNode.offsetWidth > dropDown.domNode.offsetWidth){
- var adjustNode = null;
- if(!this.isLeftToRight()){
- adjustNode = dropDown.domNode.parentNode;
- var oldRight = adjustNode.offsetLeft + adjustNode.offsetWidth;
- }
- // make menu at least as wide as the button
- dojo.marginBox(dropDown.domNode, {w: this.domNode.offsetWidth});
- if(adjustNode){
- adjustNode.style.left = oldRight - this.domNode.offsetWidth + "px";
- }
- }
- this.popupStateNode.setAttribute("popupActive", "true");
- this._opened=true;
- if(dropDown.focus){
- dropDown.focus();
- }
- // TODO: set this.checked and call setStateClass(), to affect button look while drop down is shown
- },
-
- _closeDropDown: function(/*Boolean*/ focus){
- if(this._opened){
- dijit.popup.close(this.dropDown);
- if(focus){ this.focus(); }
- this._opened = false;
- }
- }
-});
-
-dojo.declare("dijit.form.ComboButton", dijit.form.DropDownButton, {
- // summary: A Normal Button with a DropDown
- //
- // example:
- // |
- // | Hello world
- // | ...
- // |
- //
- // example:
- // | var button1 = new dijit.form.ComboButton({label: "hello world", onClick: foo, dropDown: "myMenu"});
- // | dojo.body().appendChild(button1.domNode);
- //
-
- templateString:"
\n",
-
- attributeMap: dojo.mixin(dojo.clone(dijit.form._FormWidget.prototype.attributeMap),
- {id:"", name:""}),
-
- // optionsTitle: String
- // text that describes the options menu (accessibility)
- optionsTitle: "",
-
- baseClass: "dijitComboButton",
-
- _focusedNode: null,
-
- postCreate: function(){
- this.inherited(arguments);
- this._focalNodes = [this.titleNode, this.popupStateNode];
- dojo.forEach(this._focalNodes, dojo.hitch(this, function(node){
- if(dojo.isIE){
- this.connect(node, "onactivate", this._onNodeFocus);
- this.connect(node, "ondeactivate", this._onNodeBlur);
- }else{
- this.connect(node, "onfocus", this._onNodeFocus);
- this.connect(node, "onblur", this._onNodeBlur);
- }
- }));
- },
-
- focusFocalNode: function(node){
- // summary: Focus the focal node node.
- this._focusedNode = node;
- dijit.focus(node);
- },
-
- hasNextFocalNode: function(){
- // summary: Returns true if this widget has no node currently
- // focused or if there is a node following the focused one.
- // False is returned if the last node has focus.
- return this._focusedNode !== this.getFocalNodes()[1];
- },
-
- focusNext: function(){
- // summary: Focus the focal node following the current node with focus
- // or the first one if no node currently has focus.
- this._focusedNode = this.getFocalNodes()[this._focusedNode ? 1 : 0];
- dijit.focus(this._focusedNode);
- },
-
- hasPrevFocalNode: function(){
- // summary: Returns true if this widget has no node currently
- // focused or if there is a node before the focused one.
- // False is returned if the first node has focus.
- return this._focusedNode !== this.getFocalNodes()[0];
- },
-
- focusPrev: function(){
- // summary: Focus the focal node before the current node with focus
- // or the last one if no node currently has focus.
- this._focusedNode = this.getFocalNodes()[this._focusedNode ? 0 : 1];
- dijit.focus(this._focusedNode);
- },
-
- getFocalNodes: function(){
- // summary: Returns an array of focal nodes for this widget.
- return this._focalNodes;
- },
-
- _onNodeFocus: function(evt){
- this._focusedNode = evt.currentTarget;
- var fnc = this._focusedNode == this.focusNode ? "dijitDownArrowButtonFocused" : "dijitButtonContentsFocused";
- dojo.addClass(this._focusedNode, fnc);
- },
-
- _onNodeBlur: function(evt){
- var fnc = evt.currentTarget == this.focusNode ? "dijitDownArrowButtonFocused" : "dijitButtonContentsFocused";
- dojo.removeClass(evt.currentTarget, fnc);
- },
-
- _onBlur: function(){
- this.inherited(arguments);
- this._focusedNode = null;
- }
-});
-
-dojo.declare("dijit.form.ToggleButton", dijit.form.Button, {
- // summary:
- // A button that can be in two states (checked or not).
- // Can be base class for things like tabs or checkbox or radio buttons
-
- baseClass: "dijitToggleButton",
-
- // checked: Boolean
- // Corresponds to the native HTML
element's attribute.
- // In markup, specified as "checked='checked'" or just "checked".
- // True if the button is depressed, or the checkbox is checked,
- // or the radio button is selected, etc.
- checked: false,
-
- _onChangeMonitor: 'checked',
-
- attributeMap: dojo.mixin(dojo.clone(dijit.form.Button.prototype.attributeMap),
- {checked:"focusNode"}),
-
- _clicked: function(/*Event*/ evt){
- this.setAttribute('checked', !this.checked);
- },
-
- setAttribute: function(/*String*/ attr, /*anything*/ value){
- this.inherited(arguments);
- switch(attr){
- case "checked":
- dijit.setWaiState(this.focusNode || this.domNode, "pressed", this.checked);
- this._setStateClass();
- this._handleOnChange(this.checked, true);
- }
- },
-
-
- setChecked: function(/*Boolean*/ checked){
- // summary:
- // Programatically deselect the button
- dojo.deprecated("setChecked("+checked+") is deprecated. Use setAttribute('checked',"+checked+") instead.", "", "2.0");
- this.setAttribute('checked', checked);
- },
-
- postCreate: function(){
- this.inherited(arguments);
- this.setAttribute('checked', this.checked); //to initially set wai pressed state
- }
-});
-
-}
--
cgit v1.2.3-54-g00ecf