lrDragNDrop : copiez, déplacez et ordonnez vos éléments avec ce plugin AngularJS
qui implémente un drag and drop sur des collections.
lrDragNDrop est un plugin AngularJS qui permet de gérer des collections d'éléments à l'aide de la technique du drag and drop. Vous pourrez réaliser trois actions :
Vous pouvez l'utiliser comme une directive et le charger avec l'instruction :
angular.module('monApplication',['lrDragNdrop'])
Selon l'action voulue, il faut positionner la directive adéquate : lr-drag-src pour le copier / coller, lr-drag-src-safe pour la copie uniquement ou lr-drop-target pour l'ordonnancement. Par exemple :
- {{item}}
Le plugin ne fonctionne actuellement pas avec des collections vides parce que la directive est précisée sur l'élément de la liste (
- .
Il y a également la possibilité d'utiliser des adorners.
:fleche: Démonstrations.
:fleche: Les sources sur GitHub.
:fleche: D'après un article sur DailyJS parlant également de Lukis, un éditeur d'image expérimental, et de Backbone.Controller (MVC).
Vous avez lu gratuitement 312 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.