AjaxControlToolkit ReorderList funktioniert nicht

Question

Ich brauche eine Drag & Drop-Steuerelement, um eine Liste zu bestellen. Ich möchte dies mit dem ReorderList-Steuerelement aus dem AjaxControlToolkit realisieren. Ich habe alles versucht, damit es funktioniert, aber es wird nicht funktionieren. Alles geht gut, wie das Auffüllen der Liste usw. Aber ich kann diesen Regler nicht benutzen, wie er benutzt werden sollte. Wenn die Seite geladen wird, wird eine Liste mit einem Reordergrip auf der linken Seite angezeigt, aber wenn ich versuche, ein Objekt zu ziehen, wird es nicht gezogen. Es bleibt einfach an Ort und Stelle. Ich habe auch andere Browser wie IE9 & Firefox versucht. Kann mir bitte jemand bei diesem Problem helfen? Ich verwende ASP.NET/C# in Visual Studio 2010.

Vielen Dank im Voraus!

ASPX:

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
     <div class="ajaxOrderedList"> 
      <asp:ReorderList runat="server" DataSourceID="SqlDataSource1" ID="rlData" PostBackOnReorder="true" DragHandleAlignment="Left" ItemInsertLocation="Beginning" SortOrderField="Naam" AllowReorder="true"> 
       <DragHandleTemplate> 
        <asp:Panel ID="dragHandle" runat="server" 
         style="height: 20px; width: 20px; border: solid 1px black; background-color: Red; cursor: pointer;" 
         Visible="<%# ShowDragHandle %>"> 
         &nbsp; 
        </asp:Panel> 
        </DragHandleTemplate> 
       <ItemTemplate> 
        <div class="itemArea"> 
         <asp:Label ID="lblNaam" runat="server" Text='<%# HttpUtility.HtmlEncode(Convert.ToString(Eval("Naam"))) %>' /> 
         <asp:Label ID="lblFunctie" runat="server" Text='<%# HttpUtility.HtmlEncode(Convert.ToString(Eval("Functie"))) %>' /> 
        </div> 
       </ItemTemplate> 
       <ReorderTemplate> 
        <div style="width: 300px; height: 20px; border: dotted 2px black;"> 
         &nbsp; 
        </div> 
       </ReorderTemplate> 
      </asp:ReorderList> 
      </div> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:testdataConnectionString %>" 
    SelectCommand="SELECT [id], [naam], [functie] FROM [personen]" DeleteCommand="DELETE FROM [personen] WHERE [id] = @intID" 
       InsertCommand="INSERT INTO [personen] ([naam], [functie]) VALUES (@strNaam, @strFunctie)" 
       UpdateCommand="UPDATE [personen] SET [naam] = @strNaam, [functie] = @strFunctie WHERE [id] = @intID"> 
       <DeleteParameters> 
       <asp:Parameter Name="intID" Type="Int32" /> 
      </DeleteParameters> 
      <UpdateParameters> 
       <asp:Parameter Name="strNaam" Type="String" /> 
       <asp:Parameter Name="srtFunctie" Type="String" /> 
       <asp:Parameter Name="intID" Type="Int32" /> 
      </UpdateParameters> 
      <InsertParameters> 
       <asp:Parameter Name="strNaam" Type="String" /> 
       <asp:Parameter Name="srtFunctie" Type="String" /> 
      </InsertParameters> 
</asp:SqlDataSource> 

-Code hinter:

DataView MyDView = null; 

     protected void Page_Load(object sender, EventArgs e) 
     { 
      if (!IsPostBack) 
      { 
       ShowDragHandle = true; 
      } 
     } 

     protected void ReorderList1_ItemReorder(object sender, ReorderListItemReorderEventArgs e) 
     { 
      ShowDragHandle = true; 
     } 

     protected Boolean ShowDragHandle { get; set; } 


     protected void Page_PreInit(object sender, EventArgs e) 
     { 
      //set theme 
      this.Theme = "ServiceSuite"; 
     } 

Bild von nicht Reorderlist arbeiten (Dies ist, was ich, wenn ich versuche, ein Element zu ziehen!):

Answer 1

Versuchen, diese zu Ihrer reorderlist Eigenschaften

ClientIDMode="AutoID" 

Answer 2

Ich sehe das gleiche Problem, wenn Sie eine ältere Version von AjaxContro verwenden l Werkzeugkit Es scheint in der aktuellen Version (September 2012) behoben zu sein, die ich natürlich nicht in meinem Projekt verwenden kann. Aber vielleicht hilft das Aktualisieren anderen Leuten.