extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-04 04:19:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

new seletbox.set_multiple(_multiple, _rows) method to switch multiple on/off on instanciated widget, optional parameter selectbox.set_tags(_tags, _width) to specify width

Browse Source
This commit is contained in:
Ralf Becker 2013-11-07 13:20:49 +00:00
parent 0155b0b31d
commit 441a0eb4e9
1 changed files with 54 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
etemplate/js/et2_widget_selectbox.js
View File

@ -239,6 +239,45 @@ var et2_selectbox = et2_inputWidget.extend(
} }
}, },
/**
* Switch instanciated widget to multi-selection and back, optionally enabeling tags too
*
* If you want to switch tags on too, you need to do so after switching to multiple!
*
* @param {boolean} _multiple
* @param {integer} _size default=3
*/
set_multiple: function(_multiple, _size)
{
this.options.multiple = _multiple;
if (this.input)
{
if (_multiple)
{
this.input.attr('size', _size || 3);
this.input.attr('multiple', true);
this.input.attr('name', this.id + '[]');
if (this.input[0].options[0].value === '')
{
this.input[0].options[0] = null;
}
}
else
{
this.input.attr('multiple', false);
this.input.removeAttr('size');
this.input.attr('name', this.id);
if (this.options.empty_label && this.input[0].options[0].value !== '')
{
this._appendOptionElement('', this.options.empty_label);
}
}
}
},
/** /**
* Add an option to regular drop-down select * Add an option to regular drop-down select
*/ */
@ -533,9 +572,15 @@ var et2_selectbox = et2_inputWidget.extend(
/** /**
* Turn tag style on and off * Turn tag style on and off
*
* If you want to switch multiple on too, you need to do so before switching tags on!
*
* @param {boolean} _tags
* @param {string} _width width to use, default width of selectbox
*/ */
set_tags: function(tags) { set_tags: function(_tags, _width)
this.options.tags = tags; {
this.options.tags = _tags;
// Can't actually do chosen until attached, loadingFinished should call again // Can't actually do chosen until attached, loadingFinished should call again
if(!this.isAttached()) return; if(!this.isAttached()) return;
@ -552,16 +597,16 @@ var et2_selectbox = et2_inputWidget.extend(
{ {
if(this.options.empty_label) if(this.options.empty_label)
{ {
this.input.attr("data-placeholder", this.options.empty_label); this.input.attr("data-placeholder", this.egw().lang(this.options.empty_label));
} }
// Properly size chosen, even if on a hidden tab // Properly size chosen, even if on a hidden tab
var size = egw.getHiddenDimensions(this.input); var size = egw.getHiddenDimensions(this.input);
this.input.chosen({ this.input.chosen({
inherit_select_classes: true, inherit_select_classes: true,
search_contains: true, search_contains: true,
width: size.w + "px" width: _width || size.w + "px"
}) })
.change(this.onchange); .change(this.onchange);
} }
}, },