jquery - 将 JQuery Sortable(新顺序)保存到 ASP.Net MVC Controller ？

Question

我已经实现了 JQuery 可排序，并且工作正常。问题是我无法将列表按新顺序传递给 Controller ​​，以便我可以保存它。

<script type="text/javascript">  
    $(document).ready(function() {  
        $("#sortable").sortable({ axis: "y" });  
    });  

    $(function() {  
        $("#submit-list").button();  

        $("#submit-list").click(function() {  
            debugger;  
            $.ajax({  
                url: '/Admin/SortedLists/',  
                data: { items: $("#sortable").sortable('toArray') },  
                type: 'post',  
                traditional: true  
            });  
        });  

    });  
</script>    

<h2>Edit Roles</h2>  

<div>  
    <ul id="sortable">  
        <% foreach (var item in Model.Roles) { %>                  
            <li>                  
                <%=Html.AttributeEncode(item.Name)%>                              
            </li>                                                                               
        <% } %>             
    </ul>  

    <input type="submit" value="Save" id="submit-list"/>  
</div>  

和我的 Controller :

[HttpPost]  
    public EmptyResult SortedLists(List<string> items)  
    {  
        return new EmptyResult();  
    }  

列表项返回正确数量的元素 - 除了每个项都是空字符串。

如果原始列表如下所示

1. 1 - 汽车
2. 2 - 船
3. 3 - 摩托车
4. 4 - 飞机

用户拖动并诉诸于

1. 4 - 飞机
2. 1 - 汽车
3. 3 - 摩托车
4. 2 - 船

我怎样才能通过这个新订单？我想 id 在提交时传递了整个内容，删除整个列表并重新提交整个列表

除非有更好的方法吗？利用 Linq(使用 Linq to SQL)，我可以在每次更改时插入新订单并提交更改？

Answer 1

我所要做的就是填写每个列表项的 ID 字段，toArray之后方法返回列表就好了

<ul id="sortable">  
    <% foreach (var item in Model.Roles) { %>                  
        <li id="<%=Html.AttributeEncode(item.Name)%>"><%=Html.AttributeEncode(item.Name)%></li>                                                                                    
    <% } %>             
</ul>