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

Question

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

怎么可以这样做？

图像表栏：
ID
位置
标题
序列

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