2011-03-11 6 views
0

Ajax Calender Extenderをユーザーコントロールとして作成し、さまざまなページで使用しました。私のカレンダーユーザーコントロールの問題は、カレンダーの[次へ]ボタンと[前へ]ボタンをクリックしたときです。先月または次の月をナビゲートしていません。AJAX Calenderユーザーコントロール次へと前へボタン問題

AJAXバージョンがある:4.1.40412.2

AJAXカレンダーCSS:

.ajax_ カレンダー {位置:相対。 left:0px!important; トップ:0px!重要; 可視性:可視; display:ブロック; 背景色:赤; } .ajax _calendar iframe { 左:0px!重要; トップ:0px!重要;ここで }

私のユーザーコントロールは次のとおりです。登録アセンブリ= "AjaxControlToolkit" 名前空間= "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> 

そして私@

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

<%このようにページ内で同じ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> 

この投稿の解決策をご提供ください。

答えて

0

私はちょうどこれと同じ問題に遭遇しています:/ *これは、ここで説明されるポップアップタイトルに「前」と「次へ」ボタン* /}

を修正。私は位置を親要素に相対的に適用していたため、一見したところで発生していました。このCSSこの追加

は私のために問題を修正しました:

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

役に立てば幸い!

関連する問題