mostr / angular-ui-multi-sortable Goto Github PK
View Code? Open in Web Editor NEWAngular directive for using jQuery multi-sortable
License: MIT License
Angular directive for using jQuery multi-sortable
License: MIT License
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.