сортировка jquery, получить список заказов

Question

Можно ли вернуть какой ранг в списке, в котором находится что-то во время сортировки с использованием jquery? По сути, я хочу сделать то, что делают тысячи других (и я тщательно искал в стеке поток) и получить обновление базы данных из сортируемого.

Каждый элемент в базе данных имеет свойство «Положение» - изначально установлено в 0. Уль заполняется и вытягивается, и я хочу вернуться к контроллеру при его обновлении и сохранить их позиции в списке.

Я использую ASP.NET MVC / C # в качестве базы кода, но мне не удается найти полные примеры этого.

Answer 1

Хах! Я понял. Я публикую это здесь для всех желающих.

$("ul#unorderedListIdGoesHere li").index(ui.item);


<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<Models.Section>>" %>

    <ul id="sections">
    <% foreach (var item in Model) { %>
    <li class="ui-state-default" id="<%= item.Id %>">
        <span class="ui-icon ui-icon-arrowthick-2-n-s"></span><%= Html.Encode(item.Name) %>
    </li>
    <% } %>
    </ul>

<script type="text/javascript">
    $(document).ready(function() {
    $("#sections").sortable({
    update: function(event, ui) {
            $("ul#sections li").each(function(){
                var position = $("ul#sections li").index(this);
                var section = $(this).attr("id");
                $.post("/Sections/Position", { position: position, section: section });
                })
            }
        }).disableSelection();
    });
</script>
<style type="text/css">
    #sections { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #sections li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
    #sections li span { position: absolute; margin-left: -1.3em; }
</style>