Can we enable drag and move on UISelect (Multiple) to sort the list?

Question

Im trying to look up to see if UISelect(multiple) provides a feature to drag move items within the control to sort the list ?

I tried googling for the same and couldn't find much information on this.

Appreciate if you can provide link to some kind of documentation so that i can start from there.

NOTE : I fairly understand how UISelect works.

I have a need where i move an item to first from the list selected and make it default. — Sunil Vurity, Jan 27 '15 at 18:50
So you need to sort the _selected_ values. Got it. Again, no built-in way of doing this. — Sergiu Paraschiv, Jan 27 '15 at 18:52
Im Sorry if i was not clear in mentioning Selected values , if there is not built in way to do this , any pointers to hack and achieve it ? — Sunil Vurity, Jan 27 '15 at 18:54
@Sunil Vurity would you mind accepting the answer from `madc` below so that future searchers can find it more easily? — Zane, Jun 11 '16 at 15:12

score 2 · Answer 1 · answered May 12 '15 at 12:31

2

Just for reference: There has been added a sortable="true" option in v0.10. However this feature is not yet properly documented, but for further information, see this github issue or demo-multi-select.html in the examples folder.

answered May 12 '15 at 12:31

madc

1,674
2
26
41

1

@Sunil Vurity would you mind accepting this answer so that future searchers can find it more easily? – Zane Jun 11 '16 at 15:11

score 0 · Answer 2 · edited May 23 '17 at 10:27

0

It uses the ui-select-match directive as the "template" inside an ng-repeat that generates them. Unfortunately that ng-repeat, unlike ui-select-choices's repeat parameter is hardcoded inside ui-select's directive templates.

Look at this template: https://github.com/angular-ui/ui-select/blob/master/src/select2/match-multiple.tpl.html

In the build version of ui-select it's inlined using $templateCache, thus you can easily replace it with your own version and apply sorting on that ng-repeat="$item in $select.selected".

You could also integrate something like ngDraggable there. The main issue here would be CSS though and absolute positioning used.

edited May 23 '17 at 10:27

Community

1
1

answered Jan 27 '15 at 19:01

Sergiu Paraschiv

9,929
5
36
47

there is an extenson for UI-Select2 to perform Drag-Drop https://github.com/Taranys/ui-select2-sortable Is there a similar extension for UI-Select ? – Sunil Vurity Jan 28 '15 at 20:14
Don't know of any. If you can switch to ui-select2 and ui-select2-sortable works then you should. – Sergiu Paraschiv Jan 29 '15 at 09:09
I believe UI-Select2 is deprecated ? – Sunil Vurity Jan 29 '15 at 18:45

Can we enable drag and move on UISelect (Multiple) to sort the list?

2 Answers2