Is there a plan to implement drag and drop reorder for grids and lists?
Is there a plan to implement drag and drop from one list/grid to another?
ashleydavis
All 29 comments
@ashleydavis Drag 'n Drop features will be expored post 1.0.
ThomasBurleson
on 21 Apr 2015
:+1:
mikehaas763
on 28 May 2015
+1 this would be really cool
epelc
on 21 Jun 2015
+1
PilhwanKim
on 30 Jun 2015
+1
kamarouski
on 30 Jun 2015
There are a slew of other plugins out there that make this pretty easy. We've used https://github.com/kamilkp/angular-sortable-view in many applications with list type drag/re-orders.
dmackerman
on 30 Jun 2015
@dmackerman that's pretty cool I haven't seen that plugin yet. I'm fairly certain it's not quite the functionality that we're talking about though. That's basically just a list that can be floated to one side. What we're looking for I believe is more like http://troolee.github.io/gridstack.js/
mikehaas763
on 30 Jun 2015
@mikehaas763 Did you look at the grid with handles demo? That plus the placeholder demo might work.
Also cool link @dmackerman
epelc
on 30 Jun 2015
@epelc Yep. That's what I meant by "...just a list that can be floated to one side". I'm sure it would work for many cases but not sure it's really what most people have in mind. I could be wrong. I :+1:'d this issue because it would be really nice to have the material grid be a draggable component grid but I also don't think that the functionality should be coupled to the grid. It would be better as a separate directive(s).
mikehaas763
on 30 Jun 2015
@mikehaas763 I get what you mean. It wouldn't work with elements being different dimensions.
epelc
on 30 Jun 2015
@mikehaas763: Have you looked at angular-gridster?
amergin
on 30 Jun 2015
Yep I looked at that one too and actually am using it in a project until I
can get something with better browser support going
On Tuesday, June 30, 2015, amergin [email protected] wrote:
@mikehaas763 https://github.com/mikehaas763: Have you looked at
angular-gridster https://github.com/ManifestWebDesign/angular-gridster?—
Reply to this email directly or view it on GitHub
https://github.com/angular/material/issues/2446#issuecomment-117282167.
mikehaas763
on 30 Jun 2015
I just looked at angular-gridster and it seems really buggy in ie11. Resizing and dragging is hit or miss.
epelc
on 30 Jun 2015
I love the grid-list but without drag/drop support - we cannot use it in production :(
hulyav
on 15 Jul 2015
@hulyav why dont you implement your own drag/drop?
adaojunior
on 15 Jul 2015
Take a look at https://github.com/bevacqua/dragula...
Drag-n-Drop (with persistence) is definitely a wishlist feature for Dialogs; but that effort will not start before the v1.0 release.
Duplicate of #1206
ThomasBurleson
on 15 Jul 2015
angular-gridster is based on a gridster.net, that is no longer supported
http://hootsuite.github.io/grid/
Resizing will be another fantastic features
rudzikdawid
on 26 Nov 2015
+1
ismarslomic
on 19 Feb 2016
+1
alexzaporozhets
on 10 Mar 2016
+1
trinet-jieli
on 4 Apr 2016
+1
kumaro
on 11 Apr 2016
+1
timmyrosen
on 11 May 2016
+1
TeemoWan
on 21 May 2016
+1
codepj
on 25 May 2016
Did someone finally manage to create a sortable gridlist ? Which framework ? I'm trying with several but having issues with placeholders because of the absolute positionning of the grid-tiles. Thanx for a help if possible.
peio72
on 31 May 2016
For anyone still looking for drag and drop for lists this is the best I have found: https://github.com/marceljuenemann/angular-drag-and-drop-lists
impavidum
on 16 Jun 2016
Is it working with angular material grid list component ?
peio72
on 16 Jun 2016
+1
TobiasVdb
on 28 Jul 2016
@dmackerman thanks it works fine with https://github.com/kamilkp/angular-sortable-view.
heyanctil
on 25 Aug 2016
Related issues
reggiepangilinan
·
3Comments
sbondor
·
3Comments
ddimitrop
·
3Comments
Dona278
·
3Comments
diogodomanski
·
3Comments
Most helpful comment
There are a slew of other plugins out there that make this pretty easy. We've used https://github.com/kamilkp/angular-sortable-view in many applications with list type drag/re-orders.