拖放到数据库mvc后保存图像顺序答案

【问题标题】：save image order after drag and drop into database mvc拖放到数据库mvc后保存图像顺序
【发布时间】：2015-02-21 16:40:17
【问题描述】：

我有可以在 ASP.NET MVC 中拖放的图像序列。我想根据图像的位置重新排序图像，并在按下“保存”按钮时将新序列保存到数据库中。

这是怎么做到的？

图像表列：
身份证
位置
标题
序列

Jquery UI 用于拖放功能

 $(function() {
    $( "#sortable" ).sortable();
  });

 @foreach (var item in Model.Image)
 {
      <ul id="sortable">
        <li><img id="@item.ID" src="@item.Location" alt="@item.Title"></img></li>
      </ul>
 }

【问题讨论】：

您应该使用 js 手动发布表格数据。
你能给我们看一些代码吗？很难根据对问题的非常笼统的描述给出详细的答案。
已经更新了它的代码和描述。通常我使用jquery sortable ui，我不知道如何在按下保存按钮后将序列保存回ms sql server。

标签： javascript c# asp.net-mvc html linq

【解决方案1】：

您可以对保存按钮的点击事件使用toArray 方法。

var sortedImageIds = $(".selector").sortable("toArray");

然后您可以使用该数组并将其发送到控制器操作，其中项目将按可排序的顺序排列。

JqueryUI API doc

【讨论】：

我会试试这个并留下反馈