2012-04-10 7 views
3

목록을 정렬하려면 드래그 컨트롤 &을 사용해야합니다. AjaxControlToolkit의 ReorderList 컨트롤을 사용하여이 사실을 알고 싶습니다. 나는 그것을 얻기 위해 모든 것을 시도했지만, 그렇지 않을 것이다. 목록의 채우기와 같은 모든 것이 잘 진행되었습니다.하지만이 컨트롤을 사용해야하는 것처럼 사용할 수는 없습니다. 페이지가로드되면 왼쪽에 reordergrip이있는 목록이 표시되지만 항목을 드래그하면 드래그되지 않습니다. 그냥 자리를 유지합니다. 나 또한 IE9 & Firefox와 같은 다른 브라우저를 사용해 보았습니다. 누군가이 문제로 나를 도울 수 있습니까? Visual Studio 2010에서 ASP.NET/C#을 사용하고 있습니다.AjaxControlToolkit ReorderList가 작동하지 않습니다.

미리 감사드립니다!

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> 

코드 : Reorderlist 작동하지의

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"; 
     } 

이미지 (이것은 내가 항목을 드래그하려고하면 내가 무엇을 얻을입니다!) :

This is what I get if I try to drag an item!

+0

[여기] (http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ReorderList/ReorderList.aspx)이 내가해야 할 것입니다! –

+0

동일한 문제가 있습니다. 이것에 대한 해결책이 있습니까 – sandeep

답변

4

시도하여 reorderlist 속성

이 추가
ClientIDMode="AutoID" 
+1

와우 간단한 수정은 아직 완벽하게 일했습니다! – Eliseo

0

이전 버전의 AjaxContro를 사용하는 경우에도 동일한 문제가 발생합니다. 도구 키트. 현재 버전 (2012 년 9 월)에서 수정 된 것으로 보입니다. 물론 내 프로젝트에서는 사용할 수 없습니다. 그러나 아마도 업데이트는 다른 사람들에게 도움이 될 것입니다.