Сохранение JQuery Sortable (новый порядок) на контроллере ASP.Net MVC? - PullRequest
Новая
       28

Сохранение JQuery Sortable (новый порядок) на контроллере ASP.Net MVC?

13 голосов
/ 22 июля 2010

Я реализовал сортировку JQuery, и она отлично работает. Проблема в том, что я не могу передать список в новом порядке контроллеру, чтобы сохранить его. 

<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>

и мой контроллер: 

[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), где я могу вставить новый заказ в каждое изменение и внести изменения?

Ответы [ 2 ]

9 голосов
/ 23 июля 2010

Все, что мне нужно было сделать, это заполнить поле идентификатора для каждого элемента списка, метод toArray после этого вернул список в порядке 

<ul id="sortable">  
    <% foreach (var item in Model.Roles) { %>                  
        <li id="<%=Html.AttributeEncode(item.Name)%>"><%=Html.AttributeEncode(item.Name)%></li>                                                                                    
    <% } %>             
</ul>
0 голосов
/ 06 мая 2016

В таблицах вы можете создавать скрытые входные данные, это может помочь вам публиковать значения на ваш контроллер, чем вы можете легко сохранить его;)

Должно быть так: 

<form method="post" action="~/NameController/yourAction">
   <ul id="sortable1">

    <li><input type="hidden" id="id" name="Id"/></li>
    <li><input type="hidden" id="UserId" name="UserId"/></li>
    <li><input type="hidden" id="TeamId" name="TeamId"/></li>

 </ul>
  <button type="submit">Save</button>
</form>

Надеюсь, это поможет;)

...