Javascript 在行上实现拖放和垂直排序

Javascript 在行上实现拖放和垂直排序,javascript,html,angularjs,bootstrap-4,angularjs-directive,Javascript,Html,Angularjs,Bootstrap 4,Angularjs Directive,我有一个HTML代码,看起来像这样。我想对这些行(表数据)应用拖放功能 Angular JS版本-1.5.8 需要根据“defaultOrder”参数显示行 一旦用户使用拖放更新其首选项,默认顺序应得到更新,然后相应地发送到服务器 Angular JS团队提供了一个指令(库)来实现上述功能 下面是github链接 Angular JS团队提供了实现上述功能的指令(库) 下面是github链接 我建议不要自己动手实施(除非你想了解如何实施)。看看一些现成的东西,像这样,我不能使用这些第三方解决方

我有一个HTML代码,看起来像这样。我想对这些行(表数据)应用拖放功能

Angular JS版本-1.5.8

  • 需要根据“defaultOrder”参数显示行
  • 一旦用户使用拖放更新其首选项,默认顺序应得到更新,然后相应地发送到服务器

Angular JS团队提供了一个指令(库)来实现上述功能

下面是github链接


Angular JS团队提供了实现上述功能的指令(库)

下面是github链接


我建议不要自己动手实施(除非你想了解如何实施)。看看一些现成的东西,像这样,我不能使用这些第三方解决方案,因为我提到,我需要这个解决方案为我的网站,这是在生产已经。此外,这不是一个许可的解决方案。需要帮助创建一个指令或者任何根据MIT许可的解决方案如果我没有弄错的话,它已经在MIT下了。我的错误,但需要一个不使用此库的解决方案。当然,如果你看到你共享的链接,它不会为解决方案提供任何警告。此外,支持也是一个问题,因为它上一次更新是在2013年。请查看此库,过去我成功地使用了它,我建议不要亲自实现它(除非您想了解如何实现)。看看一些现成的东西,像这样,我不能使用这些第三方解决方案,因为我提到,我需要这个解决方案为我的网站,这是在生产已经。此外,这不是一个许可的解决方案。需要帮助创建一个指令或者任何根据MIT许可的解决方案如果我没有弄错的话,它已经在MIT下了。我的错误,但需要一个不使用此库的解决方案。当然,如果你看到你共享的链接,它不会为解决方案提供任何警告。支持也是一个问题,因为它上次更新是在2013年。请看一下这个库,过去我成功地使用了它
<table>
   <tr class="table-header">
      <th>Title</th>
      <th>Name</th>
      <th>Modified By</th>
      <th>Date</th> 
   </tr>
   <tr class="table-data" ng-repeat="item in items">
      <td>item.title</td>
      <td>item.name</td>
      <td>item.modifiedByName</td>
      <td>item.modifiedDate</td>
   </tr>
</table>
$scope.items = [
        {
           title: "string"
           name: "string"
           modifiedByName: "string"
           modifiedDate: "string"
           defaultOrder: 1
        },
        {
           title: "string"
           name: "string"
           modifiedByName: "string"
           modifiedDate: "string"
           defaultOrder: 2
        },
        {
           title: "string"
           name: "string"
           modifiedByName: "string"
           modifiedDate: "string"
           defaultOrder: 3
        },
        {
           title: "string"
           name: "string"
           modifiedByName: "string"
           modifiedDate: "string"
           defaultOrder: 4
        }
]