在asp.net中的回发中保存拖动的Dropped项目位置

Question

好的，我看到很多关于如何序列化拖动项的值以获取哈希的帖子，并告诉他们如何保存它们。现在的问题是，当用户使用我获得的has值时，如何在下次使用时保留拖动的项目 例如：

  <ul class="list">
        <li id="id_1">
            <div class="item ui-corner-all ui-widget ui-widget-content">
            </div>
        </li>
        <li id="id_2">
            <div class="item ui-corner-all ui-widget ui-widget-content">
            </div>
        </li>
        <li id="id_3">
            <div class="item ui-corner-all ui-widget ui-widget-content">
            </div>
        </li>
        <li id="id_4">
            <div class="item ui-corner-all ui-widget">
            </div>
        </li>
    </ul>

序列化中的

将给出

"id[]=1&id[]=2&id[]=3&id[]=4"

现在认为我在一个名为SortOrder的字段中将其保存到Sql server数据库中。  现在我如何再次将这些商品送到这些订单？ 下面是进行这些排序的代码，没有这些代码，人们就不知道我用来排序和序列化的库

 <script type="text/javascript">
    $(document).ready(function() {
        $(".list li").css("cursor", "move");
        $(".list").sortable();
    });
</script>

Answer 1

有几个选择。一种选择是在服务器端进行排序。您将在.NET中读出该字符串，以便按顺序生成列表。然后将其输出到浏览器。

另一个选项是将序列化字符串作为javascript中的字符串变量输出。然后，您可以使用jQuery重新排序元素。这种方法的问题在于可能会出现无序列表显示的闪存，然后会出现正确排序的列表。