在ASP.Net的ListView中拖放项目

我有一个listview，它显示像ImageViewer这样的图像，我想在listview中实现拖放行为。请让我知道如何在下面的定制ListView中实现Srag Drop

<asp:ListView ID="lvPhotoViewer" runat="server" GroupItemCount="3" InsertItemPosition="LastItem">
    <LayoutTemplate>
        <table id="groupPlaceholderContainer" runat="server" border="1">
            <tr id="groupPlaceholder" runat="server">
            </tr>
        </table>
    </LayoutTemplate>
    <ItemTemplate>
        <td id="Td4" align="center" style="background-color: #eeeeee;">
            <asp:Image runat="server" ID="imPhoto" Height="100px" Width="100px" ImageUrl='<%# "~"+Eval("PhotoUrl") %>' />
            <br />
            <asp:Label ID="DefaultPhotIDLabel" runat="server" Text='<%# Eval("PhotoName") %>' />
        </td>
    </ItemTemplate>
    <GroupTemplate>
        <tr id="itemPlaceholderContainer" runat="server">
            <td id="itemPlaceholder" runat="server">
            </td>
        </tr>
    </GroupTemplate>
    <InsertItemTemplate>
        <td id="Td3" width="150px" height="150px" runat="server" align="center" style="background-color: #e8e8e8;
            color: #333333;">
            <asp:FileUpload ID="fileUpload" runat="server" />
        </td>
    </InsertItemTemplate>
</asp:ListView>                                                      

代码隐藏：

public class ImageEntity
{
    public string PhotoName { get; set; }
    public int PhotoIndex { get; set; }
    public string PhotoURL { get; set; }
}


public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        IList<ImageEntity> imagesList = new List<ImageEntity>()
        {
            new ImageEntity(){ PhotoName="House1", PhotoIndex=1, PhotoURL= @"\Images\House-01.JPG" },
            new ImageEntity(){ PhotoName="House2", PhotoIndex=2, PhotoURL= @"\Images\House-05.JPG" },
            new ImageEntity(){ PhotoName="House3", PhotoIndex=3, PhotoURL= @"\Images\house.jpg" },
            new ImageEntity(){ PhotoName="House4", PhotoIndex=4, PhotoURL= @"\Images\house2.jpg" }
        };

        lvPhotoViewer.DataSource = imagesList;
        lvPhotoViewer.DataBind();
    }
}

公共类ImageEntity
{
公共字符串名称{get；set；}
公共索引{get；set；}
公共字符串PhotoURL{get；set；}
}
公共部分类\u默认值：System.Web.UI.Page
{
受保护的无效页面加载（对象发送方、事件参数e）
{
IList imagesList=新列表（）
{
新建ImageEntity（）{PhotoName=“House1”，PhotoIndex=1，PhotoURL=@“\Images\House-01.JPG”}，
新的ImageEntity（）{PhotoName=“House2”，PhotoIndex=2，PhotoURL=@“\Images\House-05.JPG”}，
新建ImageEntity（）{PhotoName=“House3”，PhotoIndex=3，PhotoURL=@“\Images\house.jpg”}，
新建ImageEntity（）{PhotoName=“House4”，PhotoIndex=4，PhotoURL=@“\Images\house2.jpg”}
};
lvPhotoViewer.DataSource=imagesList；
lvPhotoViewer.DataBind（）；
}
}

---

请给我建议一种在ListView中实现图像拖放的方法考虑使用JQuery拖放UI功能：和

此外，如果要拖放行，请检查以下内容：

---

HTH.

您想拖放。。。什么？哪里是否要对图像进行排序，或..？我有一个listview控件，在该控件中使用ItemTemplate显示图像。现在，我想将这些图像拖放到它们自身中，以便在listview中重新排序这些图像。我想使用拖放重新排列图像。谢谢。。该解决方案看起来很完美，但小型演示应用程序确实会有所帮助。我对JQuery非常陌生，所以如果可能的话，你能告诉我一个示例应用程序，其中可以拖放Listview中的图像吗？Brain，你提供的链接真的很有帮助。我能够用它实现拖放功能。。