For my senior design project, I recently had to build a fairly complex client-side interface for professors to create and modify a course plan. The professors wanted to have drag-and-drop functionality so they could, for example, quickly drag a particular lecture/quiz/homework to a different date on the schedule when they needed something to change. I'd worked a bit with Backbone previously, and it seemed like an obvious choice given the layers of data I'd need to work with. For drag-and-drop functionality, I found jQuery UI would work nicely, as it exposes droppable and draggable methods that make it easy to create draggable elements and "lander" elements to collect them. However, I had to hammer out a number of implementation details, so I decided to create a tutorial for other people handling the same problem.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blog, twitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.

This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, jQuery