Javascript ASP.NET拖放

我是ASP.NET新手 我的任务是创建一个拖放系统。 现在，我正在使用向上和向下的页面的每个元素，请参见屏幕截图。如何使用相同的对象排序思想来管理拖放？

这是一个密码

protected void lb_up_Command(object sender, CommandEventArgs e) 
{ 
    ChangeItemNumber(int.Parse(e.CommandArgument.ToString()), -1); 
} 
protected void lb_down_Command(object sender, CommandEventArgs e) 
{ 
    ChangeItemNumber(int.Parse(e.CommandArgument.ToString()), 1); 
}
private void ChangeItemNumber(int id, int changeValue) 
{ 
    Dal dal = new Dal(); 
    var itemToChange = dal.GetSale(id); 
    Sale replacedLesson = null; 
    if (changeValue == -1) 
    { 
        for (int i = 0; i < rp_sales.Items.Count; i++) 
        { 
            if (((HiddenField)rp_sales.Items[i].FindControl("hf_id")).Value == id.ToString()) 
            { 
            replacedLesson = dal.GetSale(int.Parse(((HiddenField)rp_sales.Items[i - 1].FindControl("hf_id")).Value)); 
            break; 
            } 
        } 
    } 
    else 
    { 
        for (int i = 0; i < rp_sales.Items.Count; i++) 
        { 
            if (((HiddenField)rp_sales.Items[i].FindControl("hf_id")).Value == id.ToString()) 
            { 
                replacedLesson = dal.GetSale(int.Parse(((HiddenField)rp_sales.Items[i + 1].FindControl("hf_id")).Value)); 
                break; 
            } 
        } 
    //replacedLesson = dal.GetNextCategoryInLine((int)itemToChange.OrderNumber,chk_activeOnly.Checked); 
    }

    ViewState["main"] = itemToChange.ID; 
    ViewState["sub"] = replacedLesson.ID; 

    var num = (int)itemToChange.OrderNumber; 
    itemToChange.OrderNumber = replacedLesson.OrderNumber; 
    replacedLesson.OrderNumber = num; 

    // NormelizeLessonOrder(); 
    dal.Save(); 
    LoadData(); 
}

受保护的void lb_up_命令（对象发送方，CommandEventArgs e）
{ 
ChangeItemNumber（int.Parse（例如CommandArgument.ToString（）），-1）；
} 
受保护的void lb_down_命令（对象发送器，CommandEventArgs e）
{ 
ChangeItemNumber（int.Parse（例如CommandArgument.ToString（）），1）；
}
私有无效ChangeItemNumber（int id，int changeValue）
{ 
Dal=新的Dal（）；
var itemToChange=dal.GetSale（id）；
Sale replacedLesson=null；
如果（changeValue==-1）
{ 
对于（int i=0；i

ASPX代码

<ItemTemplate> 
<asp:Literal runat="server" ID="lit_tableRow"></asp:Literal> 
<td> 
<asp:HiddenField runat="server" ID="hf_counter" /> 
<asp:HiddenField runat="server" ID="hf_id" /> 
<asp:LinkButton OnClientClick="showLoad();" Font-Size="XX-Large" runat="server" ID="lb_up" OnCommand="lb_up_Command" CommandArgument='<%# Eval("ID") %>'><span class="fa fa-2x fa-caret-up"></span></asp:LinkButton> 
<asp:LinkButton OnClientClick="showLoad();" Font-Size="XX-Large" runat="server" ID="lb_down" OnCommand="lb_down_Command" 
CommandArgument='<%# Eval("ID") %>'><span class="fa fa-2x fa-caret-down"></span></asp:LinkButton>&nbsp;&nbsp; 
</td> 
<td> 
<asp:Image runat="server" ID="img_logo" Height="50px" /> 
</td> 
<td> 
<asp:Label runat="server" ID="lbl_name" /><br /> 
<asp:Label runat="server" ID="lbl_Status"></asp:Label> 
</td> 
<td> 
<asp:Label runat="server" ID="lbl_Title" Font-Bold="true" /><br /> 
<asp:Label runat="server" ID="lbl_data" Font-Size="Small"></asp:Label> 
</td> 
<td> 
<asp:Label runat="server" ID="lbl_category"></asp:Label> 
</td> 
<td> 
<asp:Label runat="server" ID="lbl_totalSales"></asp:Label> 
</td> 
<td> 
<asp:Literal runat="server" ID="lit_view"></asp:Literal> 
</td> 
</tr> 
</ItemTemplate>

是，请使用Jquery用户界面。以下链接可能对您有用：

---

我花了一些时间为您格式化代码。请注意我所做的，并在以后发布之前花时间格式化。它使您的代码更容易阅读，也更容易收到答案。这种更改是否应该在用户每次访问页面时都反映出来？我是说这些职位必须保留？如果是这样，请尝试包括

jquery ui

，该ui具有

拖动

和

拖放

选项，您可以使用插件提供的各种事件将订单保存在数据库中，并在用户每次访问页面时使用存储在数据库中的订单号对其进行排序。请检查，我想这正是你需要的。但这只是一个有效的用户界面。我需要相同的逻辑，我与上下btn，使其拖放。