Einfacher Gridview mit Drag & Drop neu anordnen

Question

Ich habe eine einfaches Gridview wie so

<asp:GridView ID="taskGrid" Width="100%" OnSelectedIndexChanged="taskGrid_SelectedIndexChanged" 
AutoGenerateColumns="false" runat="server"> 
    <EmptyDataTemplate> 
     Choose Items from Drop Down Lists 
    </EmptyDataTemplate> 
    <Columns> 
     <asp:TemplateField HeaderStyle-Width="5%" ItemStyle-Width="5%"> 
      <ItemTemplate> 
       <asp:ImageButton CommandName="Select" CommandArgument='<%# Eval("TaskID") %>' 
           Width="10px" Height="10px" ID="imgRedX" ToolTip='<%# Eval("TaskID") %>' 
           ImageUrl="~/Images/redX.png" OnClick="taskGrid_SelectedIndexChanged" 
           runat="server" /> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:BoundField HeaderStyle-Width="47.5%" ItemStyle-Width="47.5%" 
         DataField="ServerName" HeaderText="Deploy Dashboard" /> 
     <asp:BoundField HeaderStyle-Width="47.5%" ItemStyle-Width="47.5%" 
         DataField="ApplicationName" HeaderText="Deploy Task" /> 
    </Columns> 
</asp:GridView> 

Was ich es übernimmt Grund ziehen können, tun will und Neuordnen von Zeilen fallen.

Ich habe mir viele Lösungen angesehen und sogar an eine Reorder List gedacht, aber nichts passt wirklich zu meinen einfachen Bedürfnissen. Diese Gridview wird von Code hinter, wo ich ein benutzerdefiniertes Objekt befüllen (keine Datasource Controls).

Ich interessiere mich für AJAX, aber nur wenn es das Objekt auch aktualisiert, nicht nur die Grid Container.

Answer 1

Sie haben zu implementieren es Dinge zu berücksichtigen havingthis:

1. Sie die Reihenfolge auf der Serverseite halten müssen, so dass eine vollständige Postbacks Sie die richtige Reihenfolge zeigen

2. Sie brauchen etwas (perhaps a jQuery plugin?), mit dem Sie die Zeilen visuell austauschen können

3. Sie müssen das Skript auf eine Weise ändern, die die Schlüssel der Quell - und Zielzeilen auf der Client - Seite finden können (Sie könnten, dh . Sind sie in ein innerhalb einer Vorlage in Ihrem gridview abgelegt versteckt, und sein Wert auf RowDataBound)

4. Sie send the changes from the client to the web service or static page method

   die Änderungen vom Client zum Server

5. tou müssen senden müssen create a web service or static page method zuweisen

6. Sie auch handle ajax errors brauchen (gehen Sie zu dem Client-Skript Teil dieses Beitrags):

Also, nein, gibt es keine einfache Möglichkeit, TU es. Es sei denn, C1 oder Telerik haben eine bezahlte Kontrolle, die das tut.