Hello everyone,
I am trying to generate a test Reorderlist for use with another application. My code compiles and provides output from a test table I have in MySQL just fine. However, none of the rows can be dragged like they are supposed to. It just simply shows the results and does not allow me to drag and drop the rows so I can reorder them. I know I am close to getting this working, but I am sure it is something simple I as missing here. Below, I am enclosing my ASP content file and my Site Master file.
I am running the AjaxToolKit version 4.1.60501. This toolkit has worked great with all of my other Ajax ASP sites.
Can someone please help me? Thank you in advance!
//ASPX file:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="VehicleSeqMgmt.aspx.cs" Inherits="VehicleSequencing.VehicleSeq" MasterPageFile="~/Site.master" %><asp:content id="Content1" contentplaceholderid="MainContent" runat="server">
Welcome!<ajaxToolkit:ScriptManager ID="ScriptManager1" runat="server"></ajaxToolkit:ScriptManager><asp:SqlDataSource ID="sds1" runat="server" ProviderName="System.Data.Odbc" ConnectionString="<%$ ConnectionStrings:QSYS566%>" SelectCommand="select * from test1" /><ajaxToolkit:ReorderList ID="VehicleSeqList" runat="server"
DataSourceID="sds1"
DragHandleAlignment="Left"
ItemInsertLocation="Beginning"
DataKeyField="id"
SortOrderField="Priority"
PostBackOnReorder="false"
CallbackCssStyle="callbackStyle"
AllowReorder="true"><ReorderTemplate><asp:Panel ID="Panel2" runat="server" CssClass="reorderCue" /></ReorderTemplate><DragHandleTemplate> <div class="DragHandleClass"> </div> </DragHandleTemplate><ItemTemplate><div class="itemArea"><asp:Label ID="Label1" runat="server"
Text='<%# HttpUtility.HtmlEncode(Convert.ToString(Eval("id"))) %>' /></div><asp:Label ID="ItemLabel" runat="server" Text='<%#HttpUtility.HtmlEncode(Convert.ToString(Eval("Description"))) %>' /></ItemTemplate><EditItemTemplate><div class="itemArea"><asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("ID") %>' ValidationGroup="edit" /><asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("Description") %>' ValidationGroup="edit" /></div></EditItemTemplate><ReorderTemplate><asp:Panel ID="Panel2" runat="server" CssClass="reorderCue" /></ReorderTemplate><InsertItemTemplate><div style="padding-left:25px; border-bottom:thin solid transparent;"><asp:Panel ID="panel1" runat="server" DefaultButton="Button1"><asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ID") %>' ValidationGroup="add" /><asp:Button ID="Button1" runat="server" CommandName="Insert" Text="Add" ValidationGroup="add" /><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ValidationGroup="add"
ErrorMessage="Please enter some text" ControlToValidate="TextBox1" /></asp:Panel></div></InsertItemTemplate></ajaxToolkit:ReorderList></asp:content>
//Site Master file
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="VehicleSequencing.SiteMaster" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head runat="server"><title></title><style type="text/css">
/*Reorder List*/
.dragHandle {
width:10px;
height:15px;
background-color:Blue;
background-image:url(images/bg-menu-main.png);
cursor:move;
border:outset thin white;
}
.callbackStyle {
border:thin blue inset;
}
.callbackStyle table {
background-color:#5377A9;
color:Black;
}
.reorderListDemo li {
list-style:none;
margin:2px;
background-image:url(images/bg_nav.gif);
background-repeat:repeat-x;
color:#FFF;
}
.dragVisualContainer li {
list-style:none;
background-image:url(images/bg_nav.gif);
background-repeat:repeat-x;
color:#FFF;
}
.reorderListDemo li a {color:#FFF !important; font-weight:bold;}
.reorderCue {
border:dashed thin black;
width:100%;
height:25px;
}
.itemArea {
margin-left:15px;
font-family:Arial, Verdana, sans-serif;
font-size:1em;
text-align:left;
}</style><!-- <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />--><asp:ContentPlaceHolder ID="HeadContent" runat="server"></asp:ContentPlaceHolder></head><body><form runat="server"><div class="page"><div class="header"><div class="title"><h1>
My ASP.NET Application</h1></div><div class="clear hideSkiplink"><asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"><Items><asp:MenuItem NavigateUrl="~/VehicleSeqMgmt.aspx" Text="Home"/></Items></asp:Menu></div></div><div class="main"><asp:ContentPlaceHolder ID="MainContent" runat="server"/></div><div class="clear"></div></div><div class="footer"></div></form></body></html>