用户控件中的 Ajax 日历控件不起作用

Question

我在用户控件中使用 Ajax 日历控件，对于引用日历的一个页面，它工作正常，但对于另一页，虽然我看不到任何不同的引用或任何内容，但当我单击日历文本框时，日历不会弹出向上。

以下是一些代码，如果您需要查看更多内容，请告诉我：

在用户控件内部：

<td>
        <asp:TextBox ID="txtStartFrom" runat="server" Width="80" MaxLength="10" />
        <ajaxToolkit:CalendarExtender ID="calDateTo" runat="server" Animated="true" TargetControlID="txtStartFrom"
            Format="dd/MM/yyyy" />
        <asp:RequiredFieldValidator ID="reqValStartFrom" runat="server" ControlToValidate="txtStartFrom" ErrorMessage="You must enter a start date" CssClass="errorinputleftred" />
        <Opal:DateValidator ID="dValCalendar" runat="server" ControlToValidate="txtStartFrom"
            Display="dynamic" ErrorMessage="Invalid date" SetFocusOnError="True" CssClass="errorinputleft" />
    </td>

引用该控件的页面：

<%@ Register Src="RecurrenceControl.ascx" TagName="Recurrence" TagPrefix="uc" %>
<div...>
    <uc:Recurrence ID="ucRecurrence" runat="server" />  
</div>

编辑：jobAssign.ascx

    <%@ Control Language="vb" AutoEventWireup="false" Codebehind="JobAssign.ascx.vb" Inherits="HelpDeskWebsite.JobAssign" %>
<%@ Register TagPrefix="Opal" Namespace="Opal.CustomWebControls" Assembly="Opal.CustomWebControls" %>
<%@ Register Src="RecurrenceControl.ascx" TagName="Recurrence" TagPrefix="uc" %>
<script type="text/javascript">

        // function for custom validator to check whether one of the boxes is checked.
    function validateCheckboxes(sender, args) {
        if (document.getElementById('<% = rbOpsJobs.ClientID %>').checked == true || document.getElementById('<% = rbOpsProject.ClientID %>').checked == true || document.getElementById('<% = rbOpsWish.ClientID %>').checked == true) {
            args.IsValid = true;
        }
        else if (document.getElementById('<% = rbOpsJobs.ClientID %>').Visibility == 'hidden' && document.getElementById('<% = rbOpsProject.ClientID %>').visibility == 'hidden' && document.getElementById('<% = rbOpsWish.ClientID %>').visibility == 'hidden') {
            args.IsValid = true;
        }
    }
</script>

<div class="helptext">
    <% = HelpText %>
</div>

<asp:UpdateProgress ID="upProcessing" runat="server">
    <ProgressTemplate>
        <div class="floatProgress">
            <img id="imgProgress" src="~/images/ajax-loader.gif" alt="Processing" runat="server" />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

<asp:UpdatePanel ID="upJobAssign" runat="server">
    <Triggers>
        <asp:PostbackTrigger ControlID="imgbtnAllocate"></asp:PostbackTrigger>
    </Triggers>
    <ContentTemplate>

        <div id ="divResetRecurringJobs" class="divResetRecurringJobs" runat="server">

                <uc:Recurrence ID="ucRecurrence" runat="server" />             
                <asp:ImageButton ID="imgUpdateRecurrence" runat="server" ImageUrl="../images/buttons/allocate.jpg" ImageAlign="Right" />

        </div>
    </ContentTemplate>
</asp:UpdatePanel>

<ajaxToolkit:UpdatePanelAnimationExtender ID="aeJobAssign" runat="server" TargetControlID="upJobAssign">
    <Animations>
        <OnUpdating>
            <Parallel Duration=".2" Fpt="30">
                <EnableAction enabled="false"/>
                <FadeOut Duration=".2" Fps="20" MinimumOpacity="0.3" />          
            </Parallel>
        </OnUpdating>     
        <OnUpdated>
            <Parallel Duration=".2" Fpt="30">
                <FadeIn Duration=".2" Fps="20" MinimumOpacity="0.3"/>
                <EnableAction enabled="true"/>
            </Parallel>
        </OnUpdated>
    </Animations>
</ajaxToolkit:UpdatePanelAnimationExtender>

<asp:CustomValidator ID="cvSelectOneCheckbox" runat="server" ClientValidationFunction="validateCheckboxes" ErrorMessage="You must select a job type."></asp:CustomValidator>

RecurrenceControl.ascx（日历所在的位置）

       <%@ Control Language="vb" AutoEventWireup="false" Codebehind="RecurrenceControl.ascx.vb" Inherits="HelpDeskWebsite.RecurrenceControl" %>
<%@ Register TagPrefix="Opal" Namespace="Opal.CustomWebControls" Assembly="Opal.CustomWebControls" %>
<%@ Register Src="~/webparts/SearchUsers.ascx" TagName="SearchUsers" TagPrefix="uc" %>
<script language="javascript" type="text/javascript">function validateRecurrenceInformation(sender, args)
{
    var checkBoxList = document.getElementById ('<%= cblweekday.ClientID %>');
    var checkBoxes = checkBoxList.getElementsByTagName('input');
    if (document.getElementById('<% = rbdaily1.ClientID %>').checked == true && document.getElementById('<% = txtEveryNumberOfDays.ClientID %>').value == '') 
        {
            args.IsValid = false;
        } 

        else if (document.getElementById('<% = rbYearly1.ClientID %>').checked == true && document.getElementById('<% = txtDayOfYear.ClientID %>').value == '') 
        {
            args.IsValid = false;
        } 
        else if (document.getElementById('<% = rbWeekly1.ClientID %>').checked == true) 
        {
            for(var i = 0; i < checkBoxes.length - 1; i++) 
            {
                if (checkBoxes[i].checked == true && document.getElementById('<% = txtEveryWeeks.ClientID %>').value != '') 
                {
                    args.IsValid = true;
                    break;
                }
                else
                {
                    args.IsValid = false;
                }
            }
        } 
        else if (document.getElementById('<% = rbdaily1.ClientID %>').checked == false && document.getElementById('<% = rbdaily2.ClientID %>').checked == false && document.getElementById('<% = rbweekly1.ClientID %>').checked == false && document.getElementById('<% = rbmonthly1.ClientID %>').checked == false && document.getElementById('<% = rbyearly1.ClientID %>').checked == false && document.getElementById('<% = rbMonthly2.ClientID %>').checked == false && document.getElementById('<% = rbMonthly3.ClientID %>').checked == false) 
        {
            args.IsValid = false;
        } 
        else 
        {
            args.IsValid = true;
        }
}
</script>
<div class="divQuestionText">
    Please select the recurrence options you require for this request.</div>
<table id="tblRecurrence" cellpadding="0" cellspacing="0">
    <tr>
        <td class="title">
            Start:</td>
        <td>
            <asp:TextBox ID="txtStartFrom" runat="server" Width="80" MaxLength="10" />
            <ajaxToolkit:CalendarExtender ID="calDateTo" runat="server" Animated="true" TargetControlID="txtStartFrom"
                Format="dd/MM/yyyy" />
            <asp:RequiredFieldValidator ID="reqValStartFrom" runat="server" ControlToValidate="txtStartFrom" ErrorMessage="You must enter a start date" CssClass="errorinputleftred" />
            <Opal:DateValidator ID="dValCalendar" runat="server" ControlToValidate="txtStartFrom"
                Display="dynamic" ErrorMessage="Invalid date" SetFocusOnError="True" CssClass="errorinputleft" />
        </td>
    </tr>
    <tr class="split">
        <td class="title">
            Daily</td>
        <td>
            <asp:RadioButton ID="rbDaily1" GroupName="grpRecurr" runat="server" />Every
            <asp:TextBox ID="txtEveryNumberOfDays" Width="20" runat="server" />
            day(s)</td>
    </tr>
    <tr>
        <td class="title">
            &nbsp;</td>
        <td>
            <asp:RadioButton ID="rbDaily2" GroupName="grpRecurr" runat="server" />Every Workday
            (Mon - Fri)</td>
    </tr>
    <tr class="split">
        <td class="title">
            Weekly</td>
        <td>
            <asp:RadioButton ID="rbWeekly1" GroupName="grpRecurr" runat="server" />Recur every
            <asp:TextBox ID="txtEveryWeeks" Width="20" runat="server" />
            week(s) on:<br />
            <asp:CheckBoxList ID="cblWeekday" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
                <asp:ListItem Text="Monday" Value="1" />
                <asp:ListItem Text="Tuesday" Value="2" />
                <asp:ListItem Text="Wednesday" Value="4" />
                <asp:ListItem Text="Thursday" Value="16" />
                <asp:ListItem Text="Friday" Value="32" />
            </asp:CheckBoxList>
        </td>
    </tr>
    <tr class="split">
        <td class="title">
            Monthly</td>
        <td>
            <asp:RadioButton ID="rbMonthly1" GroupName="grpRecurr" runat="server" />
           <%-- Day
            <asp:TextBox ID="txtDay" Width="20" runat="server" />--%>
           Recur every 
            <asp:DropDownList ID="ddlAmountMonths" runat="server">
                <asp:ListItem Text="1" Value="1" />
                <asp:ListItem Text="2" Value="2" />
                <asp:ListItem Text="3" Value="3" />
                <asp:ListItem Text="4" Value="4" />
                <asp:ListItem Text="5" Value="5" />
                <asp:ListItem Text="6" Value="6" />
                <asp:ListItem Text="7" Value="7" />
                <asp:ListItem Text="8" Value="8" />
                <asp:ListItem Text="9" Value="9" />
                <asp:ListItem Text="10" Value="10" />
                <asp:ListItem Text="11" Value="11" />
                <asp:ListItem Text="12" Value="12" />
            </asp:DropDownList>
            month(s).
        </td>
    </tr>
        <tr>
        <td class="title"></td>
        <td>
            <asp:RadioButton ID="rbMonthly3" GroupName="grpRecurr" runat="server" />
            First day of the month
        </td>
    </tr>
    <tr>
        <td class="title"></td>
        <td>
            <asp:RadioButton ID="rbMonthly2" GroupName="grpRecurr" runat="server" />
            Last working day of the month
        </td>
    </tr>
    <tr class="split">
        <td class="title">
            Yearly</td>
        <td>
            <asp:RadioButton ID="rbYearly1" GroupName="grpRecurr" runat="server" />
            Every
            <asp:TextBox ID="txtDayOfYear" Width="20" runat="server" />
            <asp:DropDownList ID="ddlMonths" runat="server">
                <asp:ListItem Text="January" Value="1" />
                <asp:ListItem Text="February" Value="2" />
                <asp:ListItem Text="March" Value="3" />
                <asp:ListItem Text="April" Value="4" />
                <asp:ListItem Text="May" Value="5" />
                <asp:ListItem Text="June" Value="6" />
                <asp:ListItem Text="July" Value="7" />
                <asp:ListItem Text="August" Value="8" />
                <asp:ListItem Text="September" Value="9" />
                <asp:ListItem Text="October" Value="10" />
                <asp:ListItem Text="November" Value="11" />
                <asp:ListItem Text="December" Value="12" />
            </asp:DropDownList>
            Set time period
            <asp:DropDownList ID="ddlYearAmount" runat="server">
                <asp:ListItem Text="Every Year" Value="1" />
                <asp:ListItem Text="Every 2 Years" Value="2" />
                <asp:ListItem Text="Every 3 Years" Value="3" />
            </asp:DropDownList>
        </td>
    </tr>
    <tr class="split">
    <td class="title">Self Assign</td>
    <td><asp:CheckBox id="chkselfAssign" runat="server" /></td></tr>
        <tr class="split">
        <td class="title">
            End On:</td>
        <td>
            <asp:TextBox ID="txtEndOn" runat="server" Width="80" MaxLength="10" CausesValidation="true"
                AutoPostBack="true" />
            <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" Animated="true" TargetControlID="txtEndOn"
                Format="dd/MM/yyyy" />
            <Opal:DateValidator ID="DateValidator1" runat="server" ControlToValidate="txtEndOn"
                Display="dynamic" ErrorMessage="Invalid date" SetFocusOnError="True" CssClass="errorinputleft" />
        </td>
    </tr>
</table>
<asp:CustomValidator ID="cvRecurrenceCheck" runat="server" ClientValidationFunction="validateRecurrenceInformation" ErrorMessage="Please enter the correct recurrence ticket information for your specific choice"></asp:CustomValidator>

编辑下面有关表单标记

表单 的评论标签位于另一个 .aspx 页面内，该页面调用 jobdetails.ascx 页面，因此

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="screenScrapeAssign.aspx.vb" Inherits="HelpDeskWebsite.screenScrapeAssign" %>
<%@ Register Src="~/webparts/JobDetails.ascx" TagName="JobDetails" TagPrefix="uc" %>
<LINK rel="stylesheet" type="text/css" href="http://localhost:1137/email/screenscrapemail.css" />
<form id=ssform runat="server">
<asp:ScriptManager ID="smMaster" runat="server"/>
<uc:JobDetails ID="ucJobDetails" runat="server" Title="Request Details" TitleIconImageUrl="~/images/icons/ticketdetails.jpg" />
 </form>    

任何帮助表示赞赏。 谢谢

Answer 1

有两件事。我没有看到封装所有内容的

标记，也没有看到 ajaxcontroltoolkit 脚本管理器。因为您使用的是该工具包，所以您不会使用默认的 .net 脚本管理器。它与工具包的行为很奇怪。

<asp:ToolkitScriptManager ID="tsmMaster" runat="server" />

它应该位于您的

标记内。

请注意，我的工具包脚本管理器版本之所以具有 asp 前缀，是因为我是这样设置的。

例子：

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

Answer 2

奇怪的是，它刚刚开始工作，即使我没有添加任何东西 - 似乎他们是该页面上所有日历控件的问题 - 但他们正在现场工作 - 所以可能是视觉工作室问题 - 现在是无论出于何种原因，它们似乎都在工作 - 包括我的用户控件中以前无法工作的那些 - 谢谢大家的帮助。