Warm tip: This article is reproduced from stackoverflow.com, please click
angular angular-material angular7

Make material grid list sortable via drag and drop

发布于 2020-03-27 10:17:15

I have a material grid list <mat-grid-list> with 6 columns and X rows... It shows products of a web I'm developing. I'm trying to make this grid list sortable drag & drop. enter image description here

I've read many posts using cdkDropList, cdkDrag... But it is not working correctly. I've seen people doind it using just with div elements, but this is not what I want.

I'm having the same trouble as the next image. enter image description here

Can anyone help me?

Questioner
Esteban Chornet
Viewed
192
分享
RikG93 2019-07-03 21:31

Recently Angular Material has introduced the possibility of drag and drop. At the link you can find more details.

Angular Material Drag and Drop

I Hope help you.

Esteban Chornet 2019-07-03 21:41:11

I've read all that, but with mat-grid-list I can manage the index of the position of every item easily. Do you know an easy way to do it with div?

RikG93 2019-07-03 21:43:55

I have not yet had the chance to use this new feature, I did some tests using the Angular Material examples. You should have no problems.

Related issues

1
NGXS How to trigger Angular re-render after asynchronous call?
2
Change fixture response in cypress for the same url with intercept
3
Populate data in an Observable based on data in the Observable itself
4
Angular 11 HttpClient Generic Observable map service values into a Class
5
using variable after the subscribe block angular ionic
6
Customize algolia's search box in angular
7
Ngfor to array and access via ngif
8
What is the TsLint rule name for breaking lambda expression arrow?
9
How to to display array of objects of array in *ngfor
10
Overriding the encapsulated CSS of external component