在 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
我想在 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