嵌套可排序 AngularJS

Posted

技术标签:

【中文标题】嵌套可排序 AngularJS【英文标题】:Nested sortable AngularJS 【发布时间】:2013-08-18 14:05:57 【问题描述】:

我想使用 AngularJS 创建嵌套的可排序列表。我不确定那里是否有现有的解决方案。我尝试使用https://github.com/mostr/angular-ui-multi-sortable,它工作正常,但不幸的是,它似乎不接受嵌套列表。

我真正需要的是拥有多个篮子,我可以在其中重新排序这些篮子,还可以从篮子中拖放产品(从一个篮子到另一个篮子)。

有没有人有想法/解决方案如何使用这个?

谢谢!

【问题讨论】:

请提供一个 jsfiddle 或 plunker,这对我们有很大帮助:) 好的,我设法做到了,我使用了两种不同的指令,一种用于分类篮子,另一种用于在篮子之间拖放项目。我使用了 ui-sortable 和 multi-sortable,以防有人需要。 发布您的解决方案,如果您找到解决方案,请接受。这样,像我这样搜索未回答的角度问题的人就不会再来这里了:) 请发布您的解决方案! xkcd.com/979 请发表答案!!我也需要! 【参考方案1】:

我刚刚为此编写了一个 angularjs ui 组件。

试试这个: https://github.com/JimLiu/Angular-NestedSortable

【讨论】:

嘿,吉姆,这看起来不错!最后我们采用了另一种方法,我们不需要嵌套组件,但如果其他人需要它,我希望你能有所帮助。关于我们的指令,这几天会在github上,我会在这里发布(不过,它不是嵌套的)。 是否有机会允许(一次)选择多个元素进行拖放?

以上是关于嵌套可排序 AngularJS的主要内容,如果未能解决你的问题,请参考以下文章

嵌套可重新排序的列表?

禁用 jQueryUI 中嵌套可排序项的拖动冒泡

AngularJSAngularJS整合SpringmvcMybatis环境搭建

Flutter - 可重新排序的列表,Listview 嵌套在 expandtile 内

jQueryUI 可排序多个列表而无需嵌套

带有 jQ​​uery UI 1.8.2 的可排序 + 嵌套列表