我们可以在 UISelect (Multiple) 上启用拖动和移动来对列表进行排序吗？答案

【问题标题】：Can we enable drag and move on UISelect (Multiple) to sort the list?我们可以在 UISelect (Multiple) 上启用拖动和移动来对列表进行排序吗？
【发布时间】：2015-05-12 20:31:38
【问题描述】：

我正在尝试查看 UISelect(multiple) 是否提供了在控件内拖动移动项目以对列表进行排序的功能？

我尝试用谷歌搜索相同的内容，但找不到太多关于此的信息。

感谢您提供某种文档的链接，以便我可以从那里开始。

注意：我相当了解 UISelect 的工作原理。

【问题讨论】：

不，ui-select 没有这个功能。
另外，对选择的选项进行排序对我来说毫无意义。
我需要将一个项目从所选列表中移到第一个并使其成为默认值。
所以你需要对 selected 值进行排序。知道了。同样，没有内置的方法可以做到这一点。
对不起，如果我在提及选定的值时不清楚，如果没有内置的方法来做到这一点，是否有任何指针可以破解并实现它？

标签： angularjs ui-select

【解决方案1】：

仅供参考：在 v0.10 中添加了 sortable="true" 选项。但是，此功能尚未正确记录，但有关详细信息，请参阅示例文件夹中的 github issue 或 demo-multi-select.html。

【讨论】：

@Sunil Vurity 你介意接受这个答案，以便未来的搜索者可以更轻松地找到它吗？

【解决方案2】：

它使用ui-select-match 指令作为生成它们的ng-repeat 内的“模板”。不幸的是，ng-repeat 与 ui-select-choices 的 repeat 参数不同，它是硬编码在 ui-select 的指令模板中的。

看看这个模板：https://github.com/angular-ui/ui-select/blob/master/src/select2/match-multiple.tpl.html

在ui-select 的构建版本中，它是inlined，使用$templateCache，因此您可以轻松地使用自己的版本replace 并在ng-repeat="$item in $select.selected" 上应用sorting。

您还可以在那里集成ngDraggable 之类的东西。这里的主要问题是 CSS 和使用的绝对定位。

【讨论】：

UI-Select2 有一个扩展来执行拖放操作github.com/Taranys/ui-select2-sortable UI-Select 有类似的扩展吗？
不知道。如果您可以切换到 ui-select2 和 ui-select2-sortable 作品，那么您应该这样做。
我相信 UI-Select2 已被弃用？