将angular-datatable与拖放指令

时间:2015-10-31 20:05:02

标签: jquery angularjs datatables angular-datatables

我在使用angular-datatable(angular-datatables)中的列重新排序时遇到了一些问题,

请查看:angular-datatable column draggable out of the table, 为了更好地理解这个问题。

所以我能够找到一个简单的拖放/列重新排序指令,它完全符合我的要求。

链接:  ColumnReordering (这有整齐的拖放/列重新排序实现)

因此尝试与angular-datatable结合使用,您可以在此处找到它 angular-dataTable Integration

我使用第一个plunker来整合angular-datatable的步骤:

在index.html中

  • < script src =" http://code.jquery.com/jquery-1.10.1.min.js" />

  • < script src =" // cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js" />

  • < script src =" http://code.angularjs.org/1.2.11/angular.js" />

  • < script src =" http://l-lin.github.io/angular-datatables/dist/angular-datatables.min.js" />

在DI中添加datatables

angular.module('myApp', ['datatables'] );

在tabletemplate.html

中添加了datatable="ng"
<table   datatable="ng" class="acttable" border="1">
    <thead>
      <th style="cursor:move" draggable drag="handleDrag"  dragData="{{hd}}" dragImage="{{dragImageId}}" droppable drop="handleDrop" ng-repeat="hd in conf.heads"><span>{{hd}}</span>
      </th>
    </thead>
    <tbody>
      <tr ng-repeat="data in conf.myData">
        <td ng-repeat="d in conf.heads"><span>{{data[d]}}</span>
        </td>
      </tr>
    </tbody>
  </table>

问题是否正在进行列重新排序,但没有datatable个功能影响,可以在Web控制台中看到错误。 无法弄清楚问题。

0 个答案:

没有答案