使用 U7 中的 ui-sortable 对 Umbraco 中的多个数据类型值进行排序

Question

我想在 Umbraco 7 中使用 ui-sortable 使一组数据（显示在表格中）可排序。

可见排序发生了，拖拽后改变了前端表格中的排序顺序，但是数组中的索引/顺序没有变化。

有人知道为什么数组不更新吗？

Other examples 我已经看到它可以工作，但使用 model.value 而不是 model.value.dataList 之类的东西（因为我在数据类型中存储了多个值)。

查看

<tbody class="ui-sortable" ui-sortable="dataSort">
  <tr ng-repeat="value in model.value.dataList">
    <th>{{value.name}}</th>
    <td>{{value.size}}</td>
    <td>{{value.weight}}</td>
  </tr>
</tbody>

JS（数据排序选项）

...
$scope.dataSort = {
  update: function (e, ui) {
    // shouldn't need to do anything?
  },
  stop: function (e, ui) {
    // shouldn't need to do anything?
  }
};
...

Answer 1

我不是 Angular 方面的专家，但在我看来，您正在使用 jquery ui-sortable，据我所知，它不关心底层数据，而只关注 DOM 的显示方式.这意味着您的阵列上没有任何连接。

我相信你应该改用ng-sortable

Example on JSFiddle