extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-02 03:19:56 +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

63
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
*/
@ -533,9 +572,15 @@ var et2_selectbox = et2_inputWidget.extend(
/**
* 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) {
this.options.tags = tags;
set_tags: function(_tags, _width)
{
this.options.tags = _tags;
// Can't actually do chosen until attached, loadingFinished should call again
if(!this.isAttached()) return;
@ -552,16 +597,16 @@ var et2_selectbox = et2_inputWidget.extend(
{
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
var size = egw.getHiddenDimensions(this.input);
this.input.chosen({
inherit_select_classes: true,
search_contains: true,
width: size.w + "px"
})
.change(this.onchange);
inherit_select_classes: true,
search_contains: true,
width: _width || size.w + "px"
})
.change(this.onchange);
}
},
@ -749,7 +794,7 @@ var et2_selectbox_ro = et2_selectbox.extend([et2_IDetachedDOM],
{
if(_options[key]["label"]) _options[key]["label"] = this.egw().lang(_options[key]["label"]);
if(_options[key]["title"]) _options[key]["title"] = this.egw().lang(_options[key]["title"]);
}
else
{