Question

我在弹出页面中有日历，所以当我选择日期时它是隐藏的问题是当我点击进入下个月或上个月时弹出页面将关闭所以我需要检查点击进入白天或月份是否有任何帮助请

             <asp:TextBox ID="txtEndDate" runat="server" ReadOnly="true"></asp:TextBox>
                    <asp:ImageButton ID="imgEndDate" runat="server" ImageUrl="~/Images/Calendar.png"
                        OnClick="imgEndDate_Click" Width="28px" Height="28px" ImageAlign="AbsMiddle" />
                    <asp:Panel ID="pnlEndCalendar" runat="server" BorderColor="Black" BackColor="White"
                        Height="250px" Width="330px" HorizontalAlign="Center">
                        <asp:Calendar ID="calEndDate" runat="server" BackColor="White" BorderColor="Black"
                            BorderStyle="Solid" CellSpacing="1" Font-Names="Verdana" Font-Size="9pt" ForeColor="Black"
                            Height="250px" NextPrevFormat="ShortMonth" Width="330px" OnSelectionChanged="calEndDate_SelectionChanged">
                            <DayHeaderStyle Font-Bold="True" Font-Size="8pt" ForeColor="#333333" Height="8pt" />
                            <DayStyle BackColor="#CCCCCC" />
                            <NextPrevStyle Font-Bold="True" Font-Size="8pt" ForeColor="White" />
                            <OtherMonthDayStyle ForeColor="#999999" />
                            <SelectedDayStyle BackColor="#333399" ForeColor="White" />
                            <TitleStyle BackColor="#333399" BorderStyle="Solid" Font-Bold="True" Font-Size="12pt"
                                ForeColor="White" Height="12pt" />
                            <TodayDayStyle BackColor="#999999" ForeColor="White" />
                        </asp:Calendar>
                    </asp:Panel>
                    <ajax:ModalPopupExtender ID="ModalPopupExtenderEndDate" runat="server" TargetControlID="imgEndDate"
                        PopupControlID="pnlEndCalendar" BackgroundCssClass="modalBackground">
                    </ajax:ModalPopupExtender>

Answer 1

asp:Calendar是实现IPostBackEventHandler的服务器端控件，因此来自此控件的事件发送回发。

当您更改月份 - 提升事件VisibleMonthChanged并发送回发时。

发送回发时 - 父UpdatePanel更新内容，所以ModalPopupExtender隐藏弹出窗口。

要解决此问题，您需要在UpdatePanel中设置日历并在主UpdatePanel设置触发器，或在UpdatePanel处理程序中手动更新主Calendar.OnSelectionChanged。

所以你需要像这样改变你的标记

....
<UpdatePanel ID="main" UpdateMode="Conditional">
    <ContentTemplate>
    ....
        <asp:TextBox ID="txtEndDate" runat="server" ReadOnly="true"></asp:TextBox>
        <asp:ImageButton ID="imgEndDate" ... />
        <asp:Panel ID="pnlEndCalendar" runat="server" ...>
            <UpdatePanel runat="server">
                <ContentTemplate>                
                    <asp:Calendar ID="calEndDate" runat="server"
                                  OnSelectionChanged="calEndDate_SelectionChanged" ...>
                        ....
                    </asp:Calendar>
                </ContentTemplate>
            </UpdatePanel>
        </asp:Panel>
        <ajax:ModalPopupExtender ID="ModalPopupExtenderEndDate" runat="server" TargetControlID="imgEndDate" PopupControlID="pnlEndCalendar" ...>
                </ajax:ModalPopupExtender>
    ....
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="calEndDate" EventName="selectionchanged" />
    </Triggers>
</UpdatePanel>

其中 Main UpdatePanel是所有页面的UpdatePanel

弹出页面与日历

1 个答案: