阿贾克斯重排列表不能拖动 [英] Ajax reorder list not draggable
问题描述
我一直在试图得到一个基本的reorderlist工作遵循本指南 - >的 http://www.asp.net/LEARN/Ajax-Control-Toolkit/tutorial-40-vb.aspx 。我已经尝试了演示版本，并在我的浏览器，所以它不是一个浏览器的问题。
我在asp.net 2.0并安装了AjaxControlToolkit和DLL文件在Bin文件夹。
然而，当我运行页面 - 我得到我期望但没有什么是可拖动，我看不出有什么我得到错误的列表。这将是一个更复杂的页面的一部分，但我已采取它到一个简单的页面firgure什么是错误的。
任何人有任何想法我可能错在这里？
＆LT;％@页面语言=C＃AutoEventWireup =真codeFILE =ajaxtest.aspx.cs继承=Admin_ST_ajaxtest％GT;＆LT;％@注册大会=System.Web.Extensions程序，版本= 1.0.61025.0，文化=中性公钥= 31bf3856ad364e35
命名空间=System.Web.UI程序标签preFIX =ASP％GT;＆LT;％@注册大会=AjaxControlToolkit命名空间=AjaxControlToolkit标签preFIX =CC1％GT;！＆LT; DOCTYPE HTML PUBLIC - // W3C // DTD XHTML 1.0过渡// ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">＆LT; HTML的xmlns =http://www.w3.org/1999/xhtml＆GT;
＆LT;头=服务器＆GT;
＆LT;标题＆GT;＆LT; /标题＆GT;
＆LT;链接HREF =AdminCSS.css的rel =stylesheet属性类型=文/ CSS/＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;表ID =form1的=服务器＆GT;
＆LT; DIV＆GT;
＆LT; ASP：SqlDataSource的ID =SqlDataSource_LensCatList2=服务器
的ConnectionString =下;％$的ConnectionStrings：VS_ConnectionString％＆gt;中OldValuesParameterFormatString =original_ {0}
的ProviderName =下;％$的ConnectionStrings：VS_ConnectionString.ProviderName％＆gt;中
DeleteCommand会=删除[Specs_LensDetailsTbl]，其中[DBID] =？
的SelectCommand =SELECT Specs_LensDetailsTbl.DBID，Specs_LensDetailsTbl.LensName，Specs_LensCatLookupTbl.OrderNum，Specs_LensCatLookupTbl.Active FROM Specs_LensDetailsTbl LEFT OUTER JOIN Specs_LensCatLookupTbl ON Specs_LensDetailsTbl.DBID = Specs_LensCatLookupTbl.LensDBID WHERE（Specs_LensCatLookupTbl.CatDBID = 1）ORDER BY Specs_LensCatLookupTbl.OrderNum
更新命令=UPDATE Specs_LensDetailsTbl SET ORDERNUM = @ ORDERNUM WHERE [DBID] = @ original_id＆GT;
＆LT; UpdateParameters＆GT;
＆LT; ASP：参数名称=ORDERNUMTYPE =的Int32/＆GT;
＆LT; ASP：参数名称=original_idTYPE =的Int32/＆GT;
＆LT; / UpdateParameters＆GT;
＆LT; / ASP：SqlDataSource的＆GT; ＆LT; CC1：ToolkitScriptManager ID =ToolkitScriptManager1=服务器的EnablePartialRendering =真＆GT;
＆LT; / CC1：ToolkitScriptManager＆GT;
＆LT; CC1：ReorderList ID =ReorderList1=服务器AllowReorder =真
的DataSourceID =SqlDataSource_LensCatList2PostBackOnReorder =FALSE
DataKeyField =DBIDSortOrderField =ORDERNUM＆GT;
＆LT; DragHandleTemplate＆GT;
＆LT; DIV CLASS =DragHandleClass＆GT;
＆LT; / DIV＆GT;
＆LT; / DragHandleTemplate＆GT;
＆LT;＆ItemTemplate中GT;
＆LT; ASP：标签ID =LensNameLabel=服务器文本='＆LT;％＃的eval（LensName）％＆GT;' /＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / CC1：ReorderList＆GT;
＆LT; / DIV＆GT;
＆LT; /表及GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
只是一个建议：看看到jQuery的拖放界面：的 http://jqueryui.com/demos/draggable/
我已经有很长一段时间列表中使用它，它是非常好的，SOOOO更容易与比AjaxControlToolkit工作。
只是一个建议。
I have been trying to get a basic reorderlist working following this guide -> http://www.asp.net/LEARN/Ajax-Control-Toolkit/tutorial-40-vb.aspx. I have tried a demo version and in my browser so it's not a browser problem.
I am on asp.net 2.0 and have installed the AjaxControlToolkit and the DLL file is in the Bin folder.
However when I run the page - I get the list I expect but nothing is draggable, I cannot see what I am getting wrong. It will be part of a more complex page but I have taken it out into a simple page to firgure out what is wrong.
Anyone have any ideas what I may have wrong here?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajaxtest.aspx.cs" Inherits="Admin_ST_ajaxtest" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="AdminCSS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:SqlDataSource ID="SqlDataSource_LensCatList2" runat="server"
ConnectionString="<%$ ConnectionStrings:VS_ConnectionString %>" OldValuesParameterFormatString="original_{0}"
ProviderName="<%$ ConnectionStrings:VS_ConnectionString.ProviderName %>"
DeleteCommand="DELETE FROM [Specs_LensDetailsTbl] WHERE [DBID] = ?"
SelectCommand="SELECT Specs_LensDetailsTbl.DBID, Specs_LensDetailsTbl.LensName, Specs_LensCatLookupTbl.OrderNum, Specs_LensCatLookupTbl.Active FROM Specs_LensDetailsTbl LEFT OUTER JOIN Specs_LensCatLookupTbl ON Specs_LensDetailsTbl.DBID = Specs_LensCatLookupTbl.LensDBID WHERE (Specs_LensCatLookupTbl.CatDBID = 1) ORDER BY Specs_LensCatLookupTbl.OrderNum"
UpdateCommand="UPDATE Specs_LensDetailsTbl SET OrderNum=@OrderNum WHERE [DBID]=@original_id">
<UpdateParameters>
<asp:Parameter Name="OrderNum" Type="Int32" />
<asp:Parameter Name="original_id" Type="Int32" />
</UpdateParameters>
</asp:SqlDataSource>
<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true">
</cc1:ToolkitScriptManager>
<cc1:ReorderList ID="ReorderList1" runat="server" AllowReorder="True"
DataSourceID="SqlDataSource_LensCatList2" PostBackOnReorder="False"
DataKeyField="DBID" SortOrderField="OrderNum">
<DragHandleTemplate>
<div class="DragHandleClass">
</div>
</DragHandleTemplate>
<ItemTemplate>
<asp:Label ID="LensNameLabel" runat="server" Text='<%# Eval("LensName") %>' />
</ItemTemplate>
</cc1:ReorderList>
</div>
</form>
</body>
</html>
Just a Suggestion: Look into JQuery's drag and drop UI : http://jqueryui.com/demos/draggable/
I have used it with lists for quite some time and it is very nice and SOOOO much easier to work with than the AjaxControlToolkit.
Just a suggestion.
这篇关于阿贾克斯重排列表不能拖动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
