mostr / angular-ui-multi-sortable Goto Github PK

Make, please, version without jQuery. Only jQuery Lite

First of all, thanks for the cool script! We are in the process of upgrade our Angular app to 1.2 and having some problems with the script. Everything works as usual but when we sort between two lists the sorting item will be shown twice on the receiving list but is only in the model once. Do you have any ideas for what causes this behavior?

Could you add a license? MIT?

TypeError: $parse(...)(...) is undefined
_mouseUp()jquery-ui.js (line 958)
event = Object { originalEvent=Event mouseup, type="mouseup", timeStamp=296384489, more...}
_superApply()jquery-ui.js (line 401)
_mouseUpDelegate()jquery-ui.js (line 914)
event = Object { originalEvent=Event mouseup, type="mouseup", timeStamp=296384489, more...}
removeData()jquery....min.js (line 3)
a = Object { originalEvent=Event mouseup, type="mouseup", timeStamp=296384489, more...}
(?)()angular.min.js (line 3)
b = mouseup clientX=111, clientY=512

this._mouseStop(event);

The library stack:
script src="libs/jquery/jquery-2.1.0.min.js"></script>
script src="libs/jquery/jquery-ui-1.10.4/ui/jquery-ui.js" type="text/javascript"></script>
script src="libs/angularjs/angular-1.2.7/angular.min.js" type="text/javascript"></script>
script src="libs/angularjs/angular-1.2.7/angular-route.min.js" type="text/javascript"></script>
script src="libs/angularjs/angular-1.2.7/angular-resource.min.js" type="text/javascript"></script>
script src="libs/angularjs/ui/ui-bootstrap-tpls-0.10.0.min.js" type="text/javascript"></script>
script src="libs/angularjs/adapters/sortable.js" type="text/javascript"></script>
script src="libs/angularjs/adapters/multiSortable.js" type="text/javascript"></script>

I'm building a widgets dashboard app where the dragging of the box is horizontal inside each row or between them

The dragging placeholders is based on row and not on column
What would you reccomend ?

Thanks so much for making this repo, the most elegant solution I have seen.

Do you have any advice on the best way to initiate an update event or similar?

My app doesn't require any sophisticated calls, I'd simply like to call a function inside the $scope of my module to notify my code the lists have been moved.

I've turned your demo into a jsfiddle, and created a function $scope.changed to help explain.

http://jsfiddle.net/webbo89/xJAPc/3/

Many thanks!

Hi, great script btw.

When filter added to ng-repeat the drop item does not match the draged item.

best show with example...

http://plnkr.co/edit/kWyPkeWpwC3WykIS1RIE

Any help would be great.

I am getting Uncaught TypeError: Cannot call method 'splice' of undefined on line 61

($parse(self.data.destSubset)(model)).splice(self.data.destPosition, 0, ($parse(self.data.origSubset)(model)).splice(self.data.origPosition, 1)[0]);

every time I move and drop an element, amy idea why?

Hi there.

I'm happy to depend on your code, it works great and perfectly fit my needs, thank you!

But to maintain my dependencies I want to ask you to introduce some kind of versioning policy, so that it would be easy to understand what is fresher and what is not.

A simple @version in the header will be enough :)

Thanks :)

Since the Angular UI team has divided up its projects, now we have to include dependency on "ui.sortable" instead of "ui". It seems to break the example.

Hello,

First of all, thank you for your wonderful directive. Just wondering any plans to make it work in conjunction with jQuery draggable? I'm speaking about situation when sortable list receives new element. http://jqueryui.com/draggable/#sortable

Thank you.

hi mostr,
I'd like to use version 0.0.2 with sortable directive and selectable directive to create a list can multi select and multi sort.
But it work fine in chrome, opera. Can not work in firefox and ie.
It throw error: "Error: cannot call methods on sortable prior to initialization; attempted to call method 'option'"
The error at line #114: iElement.sortable('option', 'helper', helper);
Can you show me why it can work in Chrome but not in Firefox?
Do you have any solutions for this issue?

Thank you very much!

I noticed since i want the model to be backed by a MVC API - application in the back.

However changing to a call on stop: 'itemsChanged' instead helped me for now ( i have to test further)

My version :

angular.module('ui').value('uiSortableConfig', {
sortable: {
connectWith: '.connectedSortable',
//update: 'itemsChanged',
stop: 'itemsChanged',
}
});

Is there a major difference in the codebase? Since both are just wrapping jquery-ui I would think it wouldn't be hard to combine the 2.