将图像顺序拖放到数据库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>
}
您可以对保存按钮使用 toArray
方法单击事件。
var sortedImageIds = $(".selector").sortable("toArray");
然后,您可以使用该数组并将其发送到控制器操作,其中项目将按可排序的顺序排列。
JqueryUI API doc