//>>built require({cache:{ 'url:dijit/form/templates/Select.html':"
\n"}}); define("dijit/form/Select", [ "dojo/_base/array", // array.forEach "dojo/_base/declare", // declare "dojo/dom-attr", // domAttr.set "dojo/dom-class", // domClass.add domClass.remove domClass.toggle "dojo/dom-construct", // domConstruct.create "dojo/dom-geometry", // domGeometry.setMarginBox "dojo/_base/event", // event.stop "dojo/i18n", // i18n.getLocalization "dojo/_base/lang", // lang.hitch "./_FormSelectWidget", "../_HasDropDown", "../Menu", "../MenuItem", "../MenuSeparator", "../Tooltip", "dojo/text!./templates/Select.html", "dojo/i18n!./nls/validate" ], function(array, declare, domAttr, domClass, domConstruct, domGeometry, event, i18n, lang, _FormSelectWidget, _HasDropDown, Menu, MenuItem, MenuSeparator, Tooltip, template){ /*===== var _FormSelectWidget = dijit.form._FormSelectWidget; var _HasDropDown = dijit._HasDropDown; var _FormSelectWidget = dijit._FormSelectWidget; var Menu = dijit.Menu; var MenuItem = dijit.MenuItem; var MenuSeparator = dijit.MenuSeparator; var Tooltip = dijit.Tooltip; =====*/ // module: // dijit/form/Select // summary: // This is a "styleable" select box - it is basically a DropDownButton which // can take a as its input. baseClass: "dijitSelect", templateString: template, // required: Boolean // Can be true or false, default is false. required: false, // state: [readonly] String // "Incomplete" if this select is required but unset (i.e. blank value), "" otherwise state: "", // message: String // Currently displayed error/prompt message message: "", // tooltipPosition: String[] // See description of dijit.Tooltip.defaultPosition for details on this parameter. tooltipPosition: [], // emptyLabel: string // What to display in an "empty" dropdown emptyLabel: " ", //   // _isLoaded: Boolean // Whether or not we have been loaded _isLoaded: false, // _childrenLoaded: Boolean // Whether or not our children have been loaded _childrenLoaded: false, _fillContent: function(){ // summary: // Set the value to be the first, or the selected index this.inherited(arguments); // set value from selected option if(this.options.length && !this.value && this.srcNodeRef){ var si = this.srcNodeRef.selectedIndex || 0; // || 0 needed for when srcNodeRef is not a SELECT this.value = this.options[si >= 0 ? si : 0].value; } // Create the dropDown widget this.dropDown = new _SelectMenu({id: this.id + "_menu"}); domClass.add(this.dropDown.domNode, this.baseClass + "Menu"); }, _getMenuItemForOption: function(/*dijit.form.__SelectOption*/ option){ // summary: // For the given option, return the menu item that should be // used to display it. This can be overridden as needed if(!option.value && !option.label){ // We are a separator (no label set for it) return new MenuSeparator(); }else{ // Just a regular menu option var click = lang.hitch(this, "_setValueAttr", option); var item = new MenuItem({ option: option, label: option.label || this.emptyLabel, onClick: click, disabled: option.disabled || false }); item.focusNode.setAttribute("role", "listitem"); return item; } }, _addOptionItem: function(/*dijit.form.__SelectOption*/ option){ // summary: // For the given option, add an option to our dropdown. // If the option doesn't have a value, then a separator is added // in that place. if(this.dropDown){ this.dropDown.addChild(this._getMenuItemForOption(option)); } }, _getChildren: function(){ if(!this.dropDown){ return []; } return this.dropDown.getChildren(); }, _loadChildren: function(/*Boolean*/ loadMenuItems){ // summary: // Resets the menu and the length attribute of the button - and // ensures that the label is appropriately set. // loadMenuItems: Boolean // actually loads the child menu items - we only do this when we are // populating for showing the dropdown. if(loadMenuItems === true){ // this.inherited destroys this.dropDown's child widgets (MenuItems). // Avoid this.dropDown (Menu widget) having a pointer to a destroyed widget (which will cause // issues later in _setSelected). (see #10296) if(this.dropDown){ delete this.dropDown.focusedChild; } if(this.options.length){ this.inherited(arguments); }else{ // Drop down menu is blank but add one blank entry just so something appears on the screen // to let users know that they are no choices (mimicing native select behavior) array.forEach(this._getChildren(), function(child){ child.destroyRecursive(); }); var item = new MenuItem({label: " "}); this.dropDown.addChild(item); } }else{ this._updateSelection(); } this._isLoaded = false; this._childrenLoaded = true; if(!this._loadingStore){ // Don't call this if we are loading - since we will handle it later this._setValueAttr(this.value); } }, _setValueAttr: function(value){ this.inherited(arguments); domAttr.set(this.valueNode, "value", this.get("value")); this.validate(this.focused); // to update this.state }, _setDisabledAttr: function(/*Boolean*/ value){ this.inherited(arguments); this.validate(this.focused); // to update this.state }, _setRequiredAttr: function(/*Boolean*/ value){ this._set("required", value); this.focusNode.setAttribute("aria-required", value); this.validate(this.focused); // to update this.state }, _setDisplay: function(/*String*/ newDisplay){ // summary: // sets the display for the given value (or values) var lbl = newDisplay || this.emptyLabel; this.containerNode.innerHTML = '' + lbl + ''; this.focusNode.setAttribute("aria-valuetext", lbl); }, validate: function(/*Boolean*/ isFocused){ // summary: // Called by oninit, onblur, and onkeypress, and whenever required/disabled state changes // description: // Show missing or invalid messages if appropriate, and highlight textbox field. // Used when a select is initially set to no value and the user is required to // set the value. var isValid = this.disabled || this.isValid(isFocused); this._set("state", isValid ? "" : "Incomplete"); this.focusNode.setAttribute("aria-invalid", isValid ? "false" : "true"); var message = isValid ? "" : this._missingMsg; if(message && this.focused && this._hasBeenBlurred){ Tooltip.show(message, this.domNode, this.tooltipPosition, !this.isLeftToRight()); }else{ Tooltip.hide(this.domNode); } this._set("message", message); return isValid; }, isValid: function(/*Boolean*/ /*===== isFocused =====*/){ // summary: // Whether or not this is a valid value. The only way a Select // can be invalid is when it's required but nothing is selected. return (!this.required || this.value === 0 || !(/^\s*$/.test(this.value || ""))); // handle value is null or undefined }, reset: function(){ // summary: // Overridden so that the state will be cleared. this.inherited(arguments); Tooltip.hide(this.domNode); this.validate(this.focused); // to update this.state }, postMixInProperties: function(){ // summary: // set the missing message this.inherited(arguments); this._missingMsg = i18n.getLocalization("dijit.form", "validate", this.lang).missingMessage; }, postCreate: function(){ // summary: // stop mousemove from selecting text on IE to be consistent with other browsers this.inherited(arguments); this.connect(this.domNode, "onmousemove", event.stop); }, _setStyleAttr: function(/*String||Object*/ value){ this.inherited(arguments); domClass.toggle(this.domNode, this.baseClass + "FixedWidth", !!this.domNode.style.width); }, isLoaded: function(){ return this._isLoaded; }, loadDropDown: function(/*Function*/ loadCallback){ // summary: // populates the menu this._loadChildren(true); this._isLoaded = true; loadCallback(); }, closeDropDown: function(){ // overriding _HasDropDown.closeDropDown() this.inherited(arguments); if(this.dropDown && this.dropDown.menuTableNode){ // Erase possible width: 100% setting from _SelectMenu.resize(). // Leaving it would interfere with the next openDropDown() call, which // queries the natural size of the drop down. this.dropDown.menuTableNode.style.width = ""; } }, uninitialize: function(preserveDom){ if(this.dropDown && !this.dropDown._destroyed){ this.dropDown.destroyRecursive(preserveDom); delete this.dropDown; } this.inherited(arguments); }, _onFocus: function(){ this.validate(true); // show tooltip if second focus of required tooltip, but no selection this.inherited(arguments); }, _onBlur: function(){ Tooltip.hide(this.domNode); this.inherited(arguments); } }); Select._Menu = _SelectMenu; // for monkey patching return Select; });