将图像顺序拖放到数据库MVC中后保存

Question

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

怎么能做到这一点呢？

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

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>
 }

Answer 1

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

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

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

JqueryUI API doc