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

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"

现在想想我把它保存到 Sql server 数据库中的一个名为 SortOrder 的字段中。 现在我要如何重新获得这些订单的商品？ 进行这些排序的代码如下，没有它人们不知道我用哪个库来排序和序列化

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

Answer 1

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

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