Enregistrement JQuery Sortable (nouvel ordre) ASP.Net MVC contrôleur?

J'ai mis en place JQuery sortable, et il fonctionne très bien. Le problème est que je ne peux pas passer de la liste dans son nouvel ordre à un contrôleur afin que je puisse l'enregistrer.

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

et mon contrôleur:

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

Les éléments de la liste revient avec la corrent certain nombre d'éléments - à l'exception de chaque élément sont des chaînes vides.

Si l'original de la liste ressemble à ceci

  1. 1 Voiture
  2. 2 - Bateau
  3. 3 - Moto
  4. 4 - Plan

Et l'utilisateur fait glisser et stations

  1. 4 - Plan
  2. 1 Voiture
  3. 3 - Moto
  4. 2 - Bateau

Comment puis-je passer ce nouvel ordre? Je suppose que l'id de passer la chose à présenter, de supprimer l'ensemble de la liste et de la renvoyer toute cette liste

sauf si il ya une meilleure façon? Profitant de Linq (à l'aide de Linq to SQL) où je peux insérer le nouvel ordre sur everychange et faire de soumettre les modifications?

OriginalL'auteur Jerrold | 2010-07-22

  1. 9

    Tout ce que j'avais à faire était de remplir le champ id pour chaque élément de la liste, toArray renvoi de la méthode de la liste, bien après que

    <ul id="sortable">  
    <% foreach (var item in Model.Roles) { %>                  
        <li id="<%=Html.AttributeEncode(item.Name)%>"><%=Html.AttributeEncode(item.Name)%></li>                                                                                    
    <% } %>             
</ul>
    Une chose que j'ai pensé, si vous ne savez pas si c'est valable ou pas, est ce que si votre id en conflit avec quelque chose d'autre sur la page? Par exemple, je suis en utilisant de multiples listes, où chaque parent de la liste dispose d'un identifiant numérique, et chaque élément dispose d'un identifiant numérique, et les plages de la mère et de l'enfant de l'id de chevauchement. Afin de faire cela, peut briser la règle de chaque élément ayant un id unique. Donc, au lieu de cela j'ajoute quelque chose à l'id, par exemple, "parent" + id, et "enfant" + id

    OriginalL'auteur Jerrold

  2. 0

    Dans les tableaux, vous pouvez créer caché entrées, cela peut vous aider à poster des valeurs de votre Contrôleur, vous pouvez facilement enregistrer 😉

    Il devrait ressembler à ceci:

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

    J'espère que ça aide;)

    OriginalL'auteur praguan