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

Sorting multiple datatype value in Umbraco using ui-sortable in U7

我想在 Umbraco 7 中使用 ui-sortable.

创建一个数据数组(显示在 table)sortable

可见排序,拖拽后前端table改变排序,但数组index/order没有改变

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

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?
  }
};
...

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

我认为您应该改用 ng-sortable

Example on JSFiddle