Пользовательский контроль AJAX Calender Кнопка «Следующая и предыдущая» Проблема - PullRequest
Новая
       43

Пользовательский контроль AJAX Calender Кнопка «Следующая и предыдущая» Проблема

0 голосов
/ 11 марта 2011

Я создал Ajax Calender Extender как пользовательский элемент управления и использую его на разных страницах.Моя проблема с пользовательским элементом управления календаря заключается в следующем: когда я нажимаю на кнопки «Далее» и «Предыдущий» в календаре, он не перемещается в предыдущем или следующем месяце.

Версия AJAX: 4.1.40412.2

Календарь AJAX CSS:

.ajax_ calendar {позиция: относительная;осталось: 0px! важный;top: 0px! важный;видимость: видимая;дисплей: блок;цвет фона: красный;} .ajax _calendar iframe {left: 0px! важный;top: 0px! важный;}

Вот мой пользовательский элемент управления: 

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCCalender.ascx.cs"
Inherits="test.Web.Pages.UserControls.UCCalender" %>

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

<div style="position:relative;border:solid 1px red;">
<asp:TextBox ID="txtDate" MaxLength="10" CssClass="txtBox medium" ToolTip="DD/MM/YYYY"
    Style="width: 85px;" Font-Size="11px" runat="server"></asp:TextBox>
<asp:ImageButton ImageUrl="~/Resources/Images/calendar.gif" ID="imgCalender" runat="Server"
    BorderWidth="0" ImageAlign="absmiddle" />
<ajaxControl:CalendarExtender ID="AjaxCalenderCtrl" runat="server" Format="dd/MM/yyyy" PopupPosition ="TopLeft" 
    TargetControlID="txtDate" FirstDayOfWeek="Sunday" PopupButtonID="imgCalender">
</ajaxControl:CalendarExtender>
<ajaxControl:TextBoxWatermarkExtender WatermarkCssClass="watermark" ID="txtWaterMarkDate"
    runat="server" WatermarkText="DD/MM/YYYY" TargetControlID="txtDate">
</ajaxControl:TextBoxWatermarkExtender>
<asp:RegularExpressionValidator ID="regexpvalEndDateEdit" ErrorMessage="!" ValidationExpression="(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d"
    ControlToValidate="txtDate" runat="server"></asp:RegularExpressionValidator>
    </div>

И я использую тот же UserControl на страницах следующим образом: 

 <table id="inputDetails" style="padding: 0px; width: 700px;" cellpadding="0" cellspacing="0">

                            <tr>
                                <td style="width: 198px; position: relative" align="left">
                                    <asp:Label ID="lblBeginning" runat="server" Text="Beginning :" Style="margin-left: 10px;"></asp:Label>
                                    <asp:TextBox ID="tbxBeginCalendar" TabIndex="3" runat="server" Style="width: 85px;" Font-Size="11px"></asp:TextBox>


                            <asp:ImageButton ID="BeginCal" runat="server" ImageUrl= "~/Resources/Images/calendar.gif" />
                                  <uc1:UCCalender ID="UCCalStartDate" runat="server" />
                                </td>

                        </table>

Пожалуйста, предоставьте решение для этого поста.

Ответы [ 2 ]

2 голосов
/ 28 марта 2011

Эта проблема возникает при просмотре CalendarExtender в IE8.Вам нужно добавить следующий CSS-класс, чтобы решить проблему: .MyCalendar .ajax__calendar_title {border: none;/ * Исправляет кнопки «предыдущий» и «следующий» в заголовке всплывающего окна * /}

Это объясняется здесь: http://ajaxcontroltoolkit.codeplex.com/workitem/22894

0 голосов
/ 24 июня 2011

Я только что столкнулся с этой же проблемой.По-видимому, это было вызвано тем, что я применил позицию: относительно родительского элемента.

Добавление этого CSS-кода устранило для меня проблему: 

.ajax__calendar_prev, .ajax__calendar_next{z-index:1;}

Надеюсь, это поможет!

...