Dragging and dropping user interface layouts using jQuery

Question

For our next project (a small application in ASP.NET/C#) we need to create drag zones in the user interface so that components / widgets can be dragged and dropped and layouts can be changed dynamically (for example, the user should be able to switch between a two-column and three-column layout from the front end.)

After some searching, I found out that there are two approaches:

• Use of web parts and content zones.

• Using jQuery.

I also found out that the jQuery approach is preferable, but I would like to know how to create such zones in my application, as well as save these zones for each user (in D so that when a new request arrives for this user, their preferred layout is displayed ? I basically want to know if there are some tutorials on creating robust drag and drop areas using jQuery.

Thank,

Mohit Kumar

Answer 1

I do not know that my answer would be useful to you or not. Please correct me if I am wrong.

You can use:

• 1) jQuery Drag and Drop plugins ,
• 2) DRAG-AND-DROP

for this problem.

Answer 2

draggable droppable API jQuery.

, . , php, .

JavaScript, updateWidgetData(), . $.post .

Answer 3

you can use draggable() and droppablejquery methods.

see link