mirror of
https://github.com/nextcloud/server.git
synced 2024-08-30 17:57:26 +02:00
Implement toggleselect extension for select2
To make it possible to toggle selected values inside the dropdown
This commit is contained in:
parent
c13e489fb7
commit
8d41cbb97a
59
core/js/select2-toggleselect.js
Normal file
59
core/js/select2-toggleselect.js
Normal file
@ -0,0 +1,59 @@
|
||||
/*
|
||||
* Copyright (c) 2015
|
||||
*
|
||||
* This file is licensed under the Affero General Public License version 3
|
||||
* or later.
|
||||
*
|
||||
* See the COPYING-README file.
|
||||
*
|
||||
*/
|
||||
|
||||
/* global Select2 */
|
||||
|
||||
/**
|
||||
* Select2 extension for toggling values in a multi-select dropdown
|
||||
*
|
||||
* Inspired by http://stackoverflow.com/a/27466159 and adjusted
|
||||
*/
|
||||
(function(Select2) {
|
||||
|
||||
var Select2FindHighlightableChoices = Select2.class.multi.prototype.findHighlightableChoices;
|
||||
Select2.class.multi.prototype.findHighlightableChoices = function () {
|
||||
if (this.opts.toggleSelect) {
|
||||
return this.results.find('.select2-result-selectable:not(.select2-disabled)');
|
||||
}
|
||||
return Select2FindHighlightableChoices.apply(this, arguments);
|
||||
};
|
||||
|
||||
var Select2TriggerSelect = Select2.class.multi.prototype.triggerSelect;
|
||||
Select2.class.multi.prototype.triggerSelect = function (data) {
|
||||
if (this.opts.toggleSelect && this.val().indexOf(this.id(data)) !== -1) {
|
||||
|
||||
var val = this.id(data);
|
||||
var evt = $.Event('select2-removing');
|
||||
evt.val = val;
|
||||
evt.choice = data;
|
||||
this.opts.element.trigger(evt);
|
||||
|
||||
if (evt.isDefaultPrevented()) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var self = this;
|
||||
this.results.find('.select2-result.select2-selected').each(function () {
|
||||
var $this = $(this);
|
||||
if (self.id($this.data('select2-data')) === val) {
|
||||
$this.removeClass('select2-selected');
|
||||
}
|
||||
});
|
||||
|
||||
this.opts.element.trigger({ type: "select2-removed", val: this.id(data), choice: data });
|
||||
this.triggerChange({ removed: data });
|
||||
|
||||
} else {
|
||||
return Select2TriggerSelect.apply(this, arguments);
|
||||
}
|
||||
};
|
||||
|
||||
})(Select2);
|
||||
|
Loading…
Reference in New Issue
Block a user