I’m tasked with creating a website application that resembles a POS (Point-of-Sale) system’s editing suite, which shows a grid of images with a fixed number of rows/columns (8X4 for 40 total squares) that show (food) menu items. For example, row/column 1/1 might show an icon for “Combo Meal #1” and row/column 1/2 might show “Combo Meal #2” etc. The POS system allows users to drag one of the icons from a grid location onto another, and then the two of them swap. I.e., if you dragged the icon for Combo Meal #1 onto Combo Meal #2, then they would trade places in the gridview.
Nothing on Stack seems to fit this exact case, as I’d like to use .NET MVC if possible; I also cannot find anything in the Telerik tools that are a ready-fit solution. These two links are the closest that I’ve seen:
http://jqueryui.com/demos/draggable/#option-refreshPositions
http://www.redips.net/my/preview/REDIPS_drag/
…but they are only partial solutions.
Does anyone know of a tool that actually provides for this behavior? Or have any insight into how I can do this myself? (I’m still going through the learning curve on MVC, etc.)
I’m not familiar with Telerik, but as you posted jQuery, does this jQuery UI Sortable example not work?