$watch vs stop() callback run sequence

Question

$watch vs stop() callback run sequence

insmark opened this issue 8 years ago · 9 comments

I try to convert this connected list to the multiselection list. When I select multiple items from right to left, it doesn't work at all, not sure if I did wrong or there is bug.

Here's the demo.

Answer 1 · 2016-08-18T09:34:43.000Z

That's interesting... It seems right... I will investigate it.

Answer 2 · 2016-08-18T09:48:08.000Z

The issue seems to be that the $watch runs before the stop callback, where the multi-item-selection actually moves the models from one list to an other. Here is a working sample-pen.

Answer 3 · 2016-08-18T09:48:48.000Z

Feel free to re-open in any case.

Answer 4 · 2016-08-20T01:17:12.000Z

Hi, thank you very much for the quick fix. I have another question. I add a button to find all the selected items from the left, then add to the right instead of drag and drop. How can I find all the selected items?

Here's the pen.

Answer 5 · 2016-08-20T09:06:41.000Z

Here is a working codepen sample.
Alternatively, you can listen for the ui-sortable-selectionschanged event one the parent element.

Answer 6 · 2016-08-20T17:37:25.000Z

Thank you!

Answer 7 · 2016-08-23T19:02:55.000Z

Hi, your codepen sample works find in Chrome and Firefox, but in IE11 got SCRIPT1002: Syntax error for the line "var selectedItems = $('.availableReportsBox .ui-sortable-selected').toArray().map(x => $(x).scope().listItem);", looks like the IE doesn't like the "=>".

Answer 8 · 2016-08-23T21:50:11.000Z

I don't even remember using it... But it obviously got in there anyway. I guess you can easily change the arrow function expression to a plain anonymous function yourself function(x){...} .

Answer 9 · 2016-08-23T22:16:05.000Z

It works fine change to "var selectedItems = $('.availableReportsBox .ui-sortable-selected').toArray().map(function (x) { return $(x).scope().listItem });", thanks.