123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 |
- define("dijit/form/MultiSelect", [
- "dojo/_base/array", // array.indexOf, array.map
- "dojo/_base/declare", // declare
- "dojo/dom-geometry", // domGeometry.setMarginBox
- "dojo/query", // query
- "./_FormValueWidget"
- ], function(array, declare, domGeometry, query, _FormValueWidget){
- // module:
- // dijit/form/MultiSelect
- return declare("dijit.form.MultiSelect", _FormValueWidget, {
- // summary:
- // Widget version of a `<select multiple=true>` element,
- // for selecting multiple options.
- // size: Number
- // Number of elements to display on a page
- // NOTE: may be removed in version 2.0, since elements may have variable height;
- // set the size via style="..." or CSS class names instead.
- size: 7,
- templateString: "<select multiple='true' ${!nameAttrSetting} data-dojo-attach-point='containerNode,focusNode' data-dojo-attach-event='onchange: _onChange'></select>",
- addSelected: function(/*dijit/form/MultiSelect*/ select){
- // summary:
- // Move the selected nodes of a passed Select widget
- // instance to this Select widget.
- //
- // example:
- // | // move all the selected values from "bar" to "foo"
- // | dijit.byId("foo").addSelected(dijit.byId("bar"));
- select.getSelected().forEach(function(n){
- if(this.restoreOriginalText){
- n.text = this.enforceTextDirWithUcc(this.restoreOriginalText(n), n.text);
- }
- this.containerNode.appendChild(n);
- // scroll to bottom to see item
- // cannot use scrollIntoView since <option> tags don't support all attributes
- // does not work on IE due to a bug where <select> always shows scrollTop = 0
- this.domNode.scrollTop = this.domNode.offsetHeight; // overshoot will be ignored
- // scrolling the source select is trickier esp. on safari who forgets to change the scrollbar size
- var oldscroll = select.domNode.scrollTop;
- select.domNode.scrollTop = 0;
- select.domNode.scrollTop = oldscroll;
- },this);
- this._set('value', this.get('value'));
- },
- getSelected: function(){
- // summary:
- // Access the NodeList of the selected options directly
- return query("option",this.containerNode).filter(function(n){
- return n.selected; // Boolean
- }); // dojo/NodeList
- },
- _getValueAttr: function(){
- // summary:
- // Hook so get('value') works.
- // description:
- // Returns an array of the selected options' values.
- // Don't call getSelect.map() because it doesn't return a real array,
- // and that messes up dojo.toJson() calls like in the Form.html test
- return array.map(this.getSelected(), function(n){
- return n.value;
- });
- },
- multiple: true, // for Form
- _setValueAttr: function(/*Array*/ values, /*Boolean?*/ priorityChange){
- // summary:
- // Hook so set('value', values) works.
- // description:
- // Set the value(s) of this Select based on passed values
- query("option",this.containerNode).forEach(function(n){
- n.selected = (array.indexOf(values,n.value) != -1);
- });
- this.inherited(arguments);
- },
- invertSelection: function(/*Boolean?*/ onChange){
- // summary:
- // Invert the selection
- // onChange: Boolean
- // If false, onChange is not fired.
- var val = [];
- query("option",this.containerNode).forEach(function(n){
- if(!n.selected){ val.push(n.value); }
- });
- this._setValueAttr(val, !(onChange === false || onChange == null));
- },
- _onChange: function(/*Event*/){
- this._handleOnChange(this.get('value'), true);
- },
- // for layout widgets:
- resize: function(/*Object*/ size){
- if(size){
- domGeometry.setMarginBox(this.domNode, size);
- }
- },
- postCreate: function(){
- this._set('value', this.get('value'));
- this.inherited(arguments);
- },
- _setTextDirAttr: function(textDir){
- // to insure the code executed only when _BidiSupport loaded, and only
- // when there was a change in textDir
- if((this.textDir != textDir || !this._created) && this.enforceTextDirWithUcc){
- this._set("textDir", textDir);
-
- query("option",this.containerNode).forEach(function(option){
- // If the value wasn't defined explicitly, it the same object as
- // option.text. Since the option.text will be modified (by wrapping of UCC)
- // we want to save the original option.value for form submission.
- if(!this._created && option.value === option.text){
- option.value = option.text;
- }
- // apply the bidi support
- option.text = this.enforceTextDirWithUcc(option, option.originalText || option.text);
- },this);
- }
- }
-
- });
- });
|