將數據拖放到數據庫後保存圖像順序mvc

我有可以在ASP.NET MVC中拖放的圖像序列。我想根據圖像的位置對圖像進行重新排序，並在按下「保存」按鈕時將新序列保存到數據庫。將數據拖放到數據庫後保存圖像順序mvc

這怎麼辦？

圖片表列：
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> 
}

來源

2014-12-23 stackdisplay

你應該張貼表格形式的它manualy與JS你表中的數據。 –

你能告訴我們一些代碼嗎？根據對問題的非常一般的描述很難給出詳細的答案。 – Brad

已更新它的代碼和描述。通常我使用jquery可排序的用戶界面，並且我不知道如何在按下保存按鈕後將序列保存回ms sql服務器。 – stackdisplay

您可以使用toArray方法上點擊事件爲您的保存按鈕。

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

然後，您可以使用該數組並將其發送給控制器操作，其中項目將按照可排序的順序排列。

JqueryUI API doc

來源

2014-12-23 21:17:16 GvM

我會嘗試這個並留下反饋 – stackdisplay

將數據拖放到數據庫後保存圖像順序mvc

回答

相關問題