jquery-ui - Angular 可排序 orderby 对象属性

原文 标签 jquery-ui angularjs jquery-ui-sortable

我有一个按中继器中对象属性排序的中继器。

<div id='#TodoList' >
    <div ng-repeat="todo in todos | filter:left | orderBy:'priority'">
        {{ todo.text }}
    </div>
</div>

范围如下所示:
$scope.todos = [
    {text: 'do 1', priority: 1},
    {text: 'do 2', priority: 2},
]

现在我想制作 #TodoList可使用 jquery ui 进行排序jQuery("#TodoList").sortable();
如何根据任务的新排序位置更新每个任务的优先级?

最佳答案

这是一个工作示例。那里可以改进一些事情......但它有效。
http://jsfiddle.net/QfERt/30/

$("#TodoList").sortable({
   update: function( event, ui ) {
     var uiArray = $("#TodoList").sortable('toArray');
     for (var i = 0; i < $scope.todos.length; i++) {
       $scope.todos[i].priority = uiArray.indexOf($scope.todos[i].text) + 1;
     }
     $scope.$apply();
   }
});

关于jquery-ui - Angular 可排序 orderby 对象属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14549942/

相关文章:

javascript - 使用 sortable.js 时如何在 php 中获取新数组

jquery - jQuery UI DatePicker没有样式

javascript - 创建一个对象数组

jquery - jQuery UI日期,从图标设置日期

jquery 可排序句柄 IE 与 Firefox

jquery - jQuery UI可排序-将更改保存到服务器

jquery - 选择 jQuery UI 自动完成后清除表单字段

angularjs - 使用 Ionic 时,localStorage 在应用程序中的什么位置?

javascript - AngularJS:单击时如何将事件类设置为列表项?三元法

html - Sidenav中的固定页脚