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

本文关键字:MVC 保存 数据库 图像 顺序 拖放 | 更新日期: 2023-09-27 18:35:03

我有图像序列,可以在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>
 }

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

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

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

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

JqueryUI API doc