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

Question

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

显然会发生排序，拖放后更改前端表格中的排序顺序，但索引/顺序在数组中不会改变。

有人知道阵列没有更新的原因吗？

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（dataSort选项）

...
$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