在ASP.Net MVC控制器中保存JQuery Sortable(新订单)的方法可以通过以下步骤实现:
下面是一个示例代码:
前端页面代码:
<ul id="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<script>
$(function() {
$("#sortable").sortable({
update: function(event, ui) {
// 获取新的排序顺序
var newOrder = [];
$("#sortable li").each(function() {
newOrder.push($(this).text());
});
// 发送新排序顺序到后端控制器
$.ajax({
url: "/Controller/SaveSortableOrder",
type: "POST",
data: { order: newOrder },
success: function(response) {
// 处理保存成功后的逻辑
},
error: function() {
// 处理保存失败后的逻辑
}
});
}
});
});
</script>
后端ASP.Net MVC控制器代码:
public class Controller : Controller
{
[HttpPost]
public ActionResult SaveSortableOrder(List<string> order)
{
// 将新排序顺序保存到数据库或进行其他相关处理
// ...
return Json(new { success = true });
}
}
这样,当用户在前端页面中拖拽排序列表的顺序时,会触发JQuery Sortable的update事件,然后通过AJAX将新的排序顺序发送到后端的ASP.Net MVC控制器中进行保存或处理。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云