btford / angular-dragon-drop Goto Github PK
View Code? Open in Web Editor NEWDrag and Drop for AngularJS
Drag and Drop for AngularJS
I want both collections to be sorted by some id:
After i dragged some item to dropabble area - i want the dropped collection to be sorted too.
angular.module('ExampleApp', ['btford.dragon-drop']).
controller('MainCtrl', function ($scope) {
$scope.things = [{name:'one',id:3}, {name:'two',id:2}, {name:'three',id:1}];
$scope.otherThings = [];
});
When "orderby" filter added to first collection in the demo - its displayed correctly
but nothing displayed after adding "orderby" filter to second droparea
(after you dragged and dropped some items from the first)
< class="row">
<div class="span6">
<h3>Things</h3>
<div btf-dragon="thing in things | orderBy:'id'">{{thing.name}}</div>
</div>
<div class="span6">
<h3>Other Things</h3>
<div btf-dragon="thing in otherThings | orderBy:'id'">{{thing.name}}</div>
</div>
</div>
Consider moving the 'use strict';
statement inside the directive function body.
Since it was nowhere mentioned in repository, I wanted to find the license for this before going ahead and using this.
if we have more columns for dragging and dropping items each other, is other way to identify item dropped column ?
ex:-
item1 drag & drop column4 to column5
Can you provide some information on what browsers are supported for this? I'm considering using it on a project, but want to ensure it'll work with IE 9+
Whenever a btf-dragon with btf-double-dragon element is droppped on its own btf-dragon, both the original element and its duplicate end stay into the btf-dragon.
If this is the desired behavior please close the issue.
should support:
<div btf-dragon="(key, value) in things">
{{key}}: {{val}}
</div>
can this plugin use latest version of the angular, please update dependency.thanks!
e.g. to support something like this:
<input type='text' ng-model='search'>
<ul btf-dragon="val in things | filter:search">
<li> {{val}} </li>
</ul>
I saw there were some forks -- a few of which attempt to add support for sorting or the orderBy
filter, but I think this directive could really benefit from generic ng-filter
support. If I resolve it myself, I'll send a pr for consideration; if anyone has already added support for it, I'd love to see your implementation.
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.