如何使用相互交换的拖放图像创建.NET / MVC网格视图?

时间:2012-08-08 14:40:25

标签: asp.net-mvc image drag-and-drop grid

我的任务是创建一个类似于POS(销售点)系统的编辑套件的网站应用程序,该套件显示具有固定行数/列数(8X4,总共40个正方形)的图像网格(食物)菜单项目。例如,行/列1/1可能会显示“Combo Meal#1”的图标,行/列1/2可能会显示“Combo Meal#2”等.POS系统允许用户从其中拖动其中一个图标网格位置到另一个,然后他们两个交换。即,如果你将Combo Meal#1的图标拖到Combo Meal#2上,那么他们会在gridview中交换位置。

Stack上的任何内容似乎都不适合这种情况,因为我想尽可能使用.NET MVC;我也在Telerik工具中找不到任何适合现成的解决方案。这两个链接是我见过的最接近的链接:

http://jqueryui.com/demos/draggable/#option-refreshPositions

http://www.redips.net/my/preview/REDIPS_drag/

......但它们只是部分解决方案。

有没有人知道实际提供此行为的工具?或者对我自己如何做到这一点有任何见解? (我还在浏览MVC的学习曲线等)

1 个答案:

答案 0 :(得分:1)

我对Telerik不熟悉,但是当你发布jQuery时,这个jQuery UI Sortable示例不起作用吗?