如何在asp.net的日历控件中停止鼠标悬停时闪烁的模型弹出窗口 [英] How to stop flickering model popup on mouseover in calendar control in asp.net

问题描述

大家好，



我正在使用ajax模型弹出扩展程序，使用c＃在asp.net的日历控件中显示日期单元格上的弹出窗口。



当鼠标悬停在日期单元格弹出窗口闪烁时。

请帮助解决此问题。提前感谢。

以下是代码：

Hi All,

I am using ajax model popup extender to show the popup on date cell in calendar control in asp.net using c#.

When I do mouse over on the date cell popup is blinking.
Please help to resolve this issue. Thank in advance.
Below is the code:

<script language="javascript" type="text/javascript">

        function ShowModalPopup() {
            $find("ModalBehaviour").show();
        }

        function HideModalPopup() {
            $find("ModalBehaviour").hide();
        }

    </script>

<asp:Panel ID="Panel1" runat="server" Style="display: none;">
        <div>
            <table border="1">
                <tr>
                    <td>
                        Case Hearing:
                    </td>
                    <td>
                        <asp:Label ID="hylCaseHearing" Text="1" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Notice Reply:
                    </td>
                    <td>
                        <asp:Label ID="hylNoticeReply" Text="2" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Contract Expiry:
                    </td>
                    <td>
                        <asp:Label ID="hylContractExpire" Text="3" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        IPR Expiry:
                    </td>
                    <td>
                        <asp:Label ID="hplIPRExpire" Text="4" runat="server"></asp:Label>
                    </td>
                </tr>
            </table>
            <asp:HiddenField ID="hdntest" runat="server" />
        </div>
    </asp:Panel>
    <asp:Button ID="btn1" OnClick="btn1_Click" runat="server" Style="display: none" />
    <cc1:ModalPopupExtender PopupControlID="Panel1" TargetControlID="Panel1" ID="ModalPopupExtender1"

        BehaviorID="ModalBehaviour" runat="server">
    </cc1:ModalPopupExtender>

< b>代码背后代码

Code Behind Code

e.Cell.Attributes.Add("onMouseOver", "javascript:ShowModalPopup();");
e.Cell.Attributes.Add("onMouseOut", "javascript:HideModalPopup();");

推荐答案

找到（ ModalBehaviour）显示（）。
}

函数HideModalPopup（）{

find("ModalBehaviour").show(); } function HideModalPopup() {

find（ModalBehaviour）。hide（）;
}

< / script >

find("ModalBehaviour").hide(); } </script>

<asp:Panel ID="Panel1" runat="server" Style="display: none;">
        <div>
            <table border="1">
                <tr>
                    <td>
                        Case Hearing:
                    </td>
                    <td>
                        <asp:Label ID="hylCaseHearing" Text="1" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Notice Reply:
                    </td>
                    <td>
                        <asp:Label ID="hylNoticeReply" Text="2" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Contract Expiry:
                    </td>
                    <td>
                        <asp:Label ID="hylContractExpire" Text="3" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        IPR Expiry:
                    </td>
                    <td>
                        <asp:Label ID="hplIPRExpire" Text="4" runat="server"></asp:Label>
                    </td>
                </tr>
            </table>
            <asp:HiddenField ID="hdntest" runat="server" />
        </div>
    </asp:Panel>
    <asp:Button ID="btn1" OnClick="btn1_Click" runat="server" Style="display: none" />
    <cc1:ModalPopupExtender PopupControlID="Panel1" TargetControlID="Panel1" ID="ModalPopupExtender1"

        BehaviorID="ModalBehaviour" runat="server">
    </cc1:ModalPopupExtender>

< b>代码背后代码

Code Behind Code

e.Cell.Attributes.Add("onMouseOver", "javascript:ShowModalPopup();");
e.Cell.Attributes.Add("onMouseOut", "javascript:HideModalPopup();");

这篇关于如何在asp.net的日历控件中停止鼠标悬停时闪烁的模型弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！