当前位置: 首页 > 面试题库 >

在AngularJS中拖放可排序的ng:repeats?

艾才良
2023-03-14
问题内容

在AngularJS中的元素 jQuery.sortable 上是否易于使用 ng-repeat

如果重新排序项目会很棒,那就是将自动传播的订单重新排列到源数组中。恐怕这两个系统会打架。有一个更好的方法吗?


问题答案:

Angular UI具有可排序的指令,请单击此处进行演示

位于ui-sortable的代码,用法:

<ul ui-sortable ng-model="items">
  <li ng-repeat="item in items">{{ item }}</li>
</ul>


 类似资料:
  • 我试图将jQuery可拖动、可拖放和可排序相结合;然而,我一直有问题。有人能帮帮我吗? A、 B、C、D、E瓷砖可在上部可放下和可分拣之间移动 此外,我正试图在必要时在任何位置停用和重新激活所有这些。 这是我的,但它很有缺陷,也不漂亮: JS 超文本标记语言

  • 我正在尝试实现jQuery可排序和拖放上传的组合。基本布局是使用jQuery sortable对图像/对象进行排序的网格。通过拖动图像,我可以按照我想要的任何顺序重新排列图像。同时,我可以通过拖放包含网格的div上的任意位置,从文件系统上载新图像,并且图像在完成上载后显示在网格上的第一个位置。现在,我想让用户能够将文件拖到网格中的任何位置,然后将上载的图像显示在网格上的特定位置(同时相应地重新排列

  • 问题内容: 我想具有重新排列表中的行的功能(使用拖放对行进行排序)。 并且行排列的索引在模型中也应更改。 如何 使用Angular Directive 做类似的事情:http : //jsfiddle.net/tzYbU/1162/? 我正在生成表为: 问题答案: 我做的。请参阅下面的代码。 的HTML 指令(JS)

  • 我正在尝试创建一个各种各样的仪表板,其中包含各种大小的小部件。我希望用户能够安排他们的小部件,以他们喜欢的。 我一直在尝试使用Portlet示例实现jQueryUI的可排序交互,但遇到了一些问题。 我可以在同一行中的列之间拖放/重新排列容器。 相关超文本标记语言: 相关CSS: 相关jQuery:

  • 我试图在使用可排序库创建的可排序HTML列表上模拟拖放操作。它使用本机HTML5API实现可拖动元素和列表中的排序。 为了模拟这些拖动事件,我找到并修改了以下JavaScript代码: 我尝试拖放的部分的标记如下: 当我尝试在浏览器的拖动事件侦听器上设置断点,并在浏览器控制台中使用以下命令执行helper函数时: 我注意到dragstart事件从未被捕获,但mousedown和dragover事件

  • 我有一个复杂的拖放场景,我只是不明白。我想出来的是:jsfiddle.net/aTjMG/2/ 在左边,我有一个名单。在右边,我有一组团队。左边的列表应该按字母顺序排列,不可排序。用户应该能够通过从左侧的列表中拖动到一个团队来将一个人分配到一个团队。被分配到团队的人应该能够被排序或移动到另一个团队,或者移动回未分配的池。 我可以从左边的未分配池移动到任何团队。我可以对团队中的人进行分类。从这里我不