multiselect items

[niralo1]

Hi,

Does this plugin support multiselect items instead one by one?

[horkam]

It does not appear to, although it would be nice. Another issue I'm having is that when you filter items then click on one to add, the items unfilter immediately and you have to go back to the filter box and type again to have it applied.

[ssada1975]

Solved modifying code like this:

_addButtonActions() {
this.add_all_button.addEventListener("click", t => this.actionAllSelected(t, this.availableList)), this.add_button.addEventListener("click", t => this.actionItemSelected(t)), this.remove_button.addEventListener("click", t => this.actionItemDeselected(t)), this.remove_all_button.addEventListener("click", t => this.actionAllDeselected(t, this.selectedList))
}

and then

actionAllSelected(t, l) {
let s = l.querySelectorAll(.${o}),
tp = {};
s.forEach((itm)=>{tp[itm.dataset.id]= itm.style.display});
t && t.preventDefault(), this.options.forEach(e => (e.selected = (!0 && tp[e.value]!="none"))), this.search_left.value="", this.redraw()
}
actionAllDeselected(t, l) {
let s = l.querySelectorAll(.${o}),
tp = {};
s.forEach((itm)=>{tp[itm.dataset.id]= itm.style.display});
t && t.preventDefault(), this.options.forEach(e => (e.selected = (!1 || tp[e.value]=="none"))), this.search_right.value="", this.redraw()
}``

[ssada1975]

additional to take into consideration ctrl key to select multiple lines

_actionItemClick(t, e, s = null) {
s && s.preventDefault();
let i = e.querySelectorAll(.${o});
for (let a = 0; a < i.length; a++) {
let l = i[a];
!s.ctrlKey && l !== t && l.classList.remove(n)
}
t.classList.contains(n) ? t.classList.remove(n) : t.classList.add(n)
}

and then

changeSelected(t) {
let ids = [];
ids = NodeList.prototype.isPrototypeOf(t) ? [...t].map(id => id.dataset.id) : Array.of(t.dataset.id);
this.options.forEach((e) => {
if (ids.includes(e.value)) {
e.selected = !e.selected, setTimeout(() => {
let s = document.createEvent("HTMLEvents");
e.selected ? (s.initEvent("added", !1, !0), s.addedElement = t) : (s.initEvent("removed", !1, !0), s.removedElement = t), this.dualListbox.dispatchEvent(s)
}, 0)
}
});
this.redraw();
}