我正在使用此插件:http://codef0rmer.github.io/angular-dragdrop/#/用于拖放目的。我无法拖放表格行。以下代码仅适用于单个列。任何人都可以帮我吗?
<table >
<tr>
<th>title</th>
<th>Category</th>
</tr>
<tr ng-repeat="item in list5" >
<td data-drag="{{item.drag}}" data-jqyoui-options="{revert: 'invalid', helper: 'clone'}" ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}">{{item.title}}</td>
<td data-drag="{{item.drag}}" data-jqyoui-opti`enter code here`ons="{revert: 'invalid'}" ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}">{{item.category}}</td>
</tr>
</table>
答案 0 :(得分:1)
我有一个使用角度拖放插件进行表行排序(拖放)的解决方案。必须为你工作。
<tr ng-repeat="item in list5" data-drop="true" data-drag="true"
ng-model="list5"
jqyoui-droppable="{index: {{$index}}}"
jqyoui-draggable="{index: {{$index}}, insertInline: true, direction:'jqyouiDirection'}"
data-jqyoui-options="{revert: 'invalid',helper: 'clone',zIndex: 350}"
data-direction="{{item.jqyouiDirection}}">
<td>{{item.title}}</td>
<td>{{item.category}}</td>
</tr>
您还可以查看我的plunker代码 - scrollToRowAtIndexPath:atScrollPosition:animated scrolling too slow
答案 1 :(得分:0)
我在一天结束时找到了我的问题的解决方案,它是这样的:
<tr ng-repeat="item in list5" data-jqyoui-options="{revert: 'invalid', helper: 'clone',cursor: 'move'}" data-drag='true' ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}" ng-hide="!item">
<div ng-show='!list5.length' class='label-warning'>No content. Please add the items</div>
<td>{{item.title}}</td>
<td>{{item.category}}</td>
</tr>