angular ui sortable callback

Question

Is there a way to set a callback function with angular ui's sortable? I'd like to add ng-update="foo()" to the tbody tag below and have foo run whenever the list changes.

<tbody id="existingStockResults" ui-sortable ng-model="processes">
    <tr ng-repeat="process in processes" ng-class="{odd: $index%2 == 0, even: $index%2 != 0}">
        <td>{{process.process}}</td>
        <td>{{process.vendor}}</td>
        <td>{{process.desc}}</td>
            <td>{{process.cost}}</td>
        <td><a href="#" ng-click="editProcess($index)">edit</a></td>
        <td><a href="#" ng-click="removeProcess($index)">remove</a></td>
    </tr>
</tbody>

thanks!

Jill-Jênn Vie · Accepted Answer · 2013-03-30 15:27:50Z

6

You can now specify the update function in the ui-sortable attribute, like this:

<tbody ui-sortable="{update: foo()}">

But there still are a few issues with the sortable directive, like in this example. They are currently discussed here.

edited Mar 30, 2013 at 15:27

answered Dec 24, 2012 at 1:50

Jill-Jênn Vie

1,84119 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jill-Jênn Vie Over a year ago

Things have changed. The ui-options attribute is no longer used, I edit my answer.

Jason Goemaat Over a year ago

ui-sortable is now its own component that seems to have fixed some problems, but I don't know if it has the callbacks

Banjer · Accepted Answer · 2015-03-13 14:02:41Z

5

I prefer to use an options hash with my update callback defined, in my scope like this:

$scope.sortableOptions = {
    disabled: false,
    update: function(event) {
        return $scope.sortableUpdated = true;
    }
};

and in the template:

<div ui-sortable="sortableOptions"> ...

edited Mar 13, 2015 at 14:02

Banjer

8,3406 gold badges51 silver badges68 bronze badges

answered Jan 7, 2014 at 10:51

Adam Spence

3,2801 gold badge23 silver badges18 bronze badges

Comments

Tiago Roldão · Accepted Answer · 2012-11-21 21:21:49Z

3

Reading through the ui-sortable file (there isn't a demo of it on the angular-ui homepage, wonder why?) here, I see that it allows for 2 callbacks -> start and update, for before and after the change you trigger. So something like this should work:

<tbody id="existingStockResults" ui-sortable update="myCallback()" ng-model="processes">

answered Nov 21, 2012 at 21:21

Tiago Roldão

10.7k3 gold badges32 silver badges28 bronze badges

Collectives™ on Stack Overflow

angular ui sortable callback

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related