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

时间:2011-01-13 14:45:16

标签: asp.net jquery sql ajax user-interface

好的,我看到很多关于如何序列化拖动项的值以获取哈希的帖子,并告诉他们如何保存它们。现在的问题是,当用户使用我获得的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>

1 个答案:

答案 0 :(得分:0)

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

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