使用中继器排序后返回列表

Question

我有一个列表进入中继器，使用 jquery sortable() 进行排序，然后需要将排序后的列表放入会话变量中。我似乎无法弄清楚如何将排序后的值放回到列表中。

Html 代码：

<div>
<asp:Repeater ID="LstSortable" runat="server">
    <HeaderTemplate>
        <ul id="sortable">
    </HeaderTemplate>
    <ItemTemplate>
        <li>
            <%# Container.DataItem %>
        </li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>

</div>

页面加载：

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    'create test array
    Dim order As New List(Of String)
    order.Add("Item1")
    order.Add("Item2")
    order.Add("Item3")
    order.Add("Item4")

    'testing repeater
    LstSortable.DataSource = order

    LstSortable.DataBind()

End Sub

按下按钮将排序列表放入会话变量中：

这是我正在使用的代码，它当前不起作用：

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

    Dim orderBy As New List(Of String)

    Dim count As Integer
    For count = 0 To LstSortable.Items.Count - 1 Step count + 1
        Dim chk As ListItem = CType(LstSortable.Items(count).FindControl(LstSortable.ID), ListItem)
    Next

    Session("OrderBy") = orderBy

End Sub

感谢任何帮助。谢谢。

这是使用vb.net。

Answer 1

我通过使用 jquery 创建 li 元素数组，然后使用 ajax 调用将它们传递到 Web 服务来修复此问题。

我必须在 Web 服务中启用会话：

<WebMethod(EnableSession:=True)> _

然后我将数组解析为字符串并放入会话变量中。

jquery：

        $("#sortable").sortable({
            placeholder: "vacant",
            update: function(e, ui) {

                //create vars  
                var orderArray = [], wrap = {};

                $("#sortable li").each(function(i) {

                    var imgObj = $(this).text();
                    //alert(imgObj);
                    //add object to array  
                    orderArray.push(imgObj);
                });

                //wrap in object  
                wrap.d = orderArray;

                //pass to server  
                $.ajax({
                    type: "POST",
                    url: "../WebService.asmx/updateOrder",
                    data: JSON.stringify(wrap),
                    contentType: "application/json; charset=utf-8",
                    success: function(data) {
                        if (data.d === "saved") {
                            alert("success");
                        } else {
                            alert("fail");
                        }
                    },
                    error: function(xmlHttpRequest, status, err) {
                        alert("This has error: " + err);
                    }

                });

            }
        });

网络服务：

Public Class WebService
Inherits System.Web.Services.WebService

<WebMethod(EnableSession:=True)> _
Public Function updateOrder(ByVal d As String()) As String

    'process JSON object  
    Dim orderBy As String
    Dim str As String
    orderBy = New String(" Order By ")
    For Each str In d
        'define procedure  
        orderBy += str
    Next

    Session("OrderBy") = orderBy

    'success!  
    Return "saved"

End Function

End Class