extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-09 23:48:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add expand_multiple_rows attribute which adds a button to toggle between single & multiple select

Browse Source
This commit is contained in:
Nathan Gray 2014-02-24 18:13:54 +00:00
parent c5d664c47d
commit ace335415f
1 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
etemplate/js/et2_widget_selectbox.js
View File

@ -33,6 +33,14 @@ var et2_selectbox = et2_inputWidget.extend(
"default": false, "default": false,
"description": "Allow selecting multiple options" "description": "Allow selecting multiple options"
}, },
"expand_multiple_rows": {
"name": "Expand multiple",
"type": "integer",
"default": et2_no_init,
"description": "Shows single select widget, with a button. If the "+
"user clicks the button, the input will toggle to a multiselect,"+
"with this many rows. "
},
"rows": { "rows": {
"name": "Rows", "name": "Rows",
"type": "any", // Old options put either rows or empty_label in first space "type": "any", // Old options put either rows or empty_label in first space
@ -137,6 +145,10 @@ var et2_selectbox = et2_inputWidget.extend(
{ {
this.input.unchosen(); this.input.unchosen();
} }
if(this.expand_button)
{
this.expand_button.off();
}
this._super.apply(this, arguments); this._super.apply(this, arguments);
this.input = null; this.input = null;
@ -591,6 +603,40 @@ var et2_selectbox = et2_inputWidget.extend(
this.value = _value; this.value = _value;
}, },
/**
* Add a button to toggle between single select and multi select.
*
* @param {number} _rows How many rows for multi-select
*/
set_expand_multiple_rows: function(_rows)
{
this.options.expand_multiple_rows = _rows;
var surroundings = this.getSurroundings();
if(_rows <= 1 )
{
// Remove
surroundings.removeDOMNode(this.expand_button.get(0));
}
else
{
var button_id = this.getInstanceManager().uniqueId+'_'+this.id.replace(/\./g, '-') + "_expand";
this.expand_button = $j("<button class='et2_button et2_button_icon et2_selectbox_expand' id='" + button_id + "'/>")
.on("click", jQuery.proxy(function(e) {
if(typeof this.input.attr('size') !== 'undefined' && this.input.attr('size') != 1)
{
this.set_multiple(false, 1);
}
else
{
this.set_multiple(true, this.options.expand_multiple_rows);
}
},this));
surroundings.appendDOMNode(this.expand_button.get(0));
}
surroundings.update();
},
/** /**
* Turn tag style on and off * Turn tag style on and off
* *