解決CalendarExtender被遮擋的問題
 

<%@ Page Language="C#" Debug="true"%>

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

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

 

    protected void Button_Send_Click(object sender, EventArgs e)

    {

    }

</script>

 

 

<html>

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="DD_roundies_0.0.2a.js"></script>

<script> 

DD_roundies.addRule('.button', '6px'); 

</script>

<script type="text/javascript">

function TOPcalendar(sender, args) { sender._popupBehavior._element.style.zIndex = 1000000; }

</script>

</head>

<body>

    <form id="form1" runat="server">

<table border="1">

<tr><td>

<ajaxToolkit:ToolkitScriptManager runat="Server" EnableScriptGlobalization="true" EnableScriptLocalization="true" ID="ScriptManager1" />

選擇日期:<asp:TextBox runat="server" ID="Date1" ReadOnly="true" Enabled="True" width="80"/>

                    <asp:ImageButton runat="Server" ID="Image1" ImageUrl="images/Calendar_scheduleHS.png" AlternateText="Click to show calendar" /><br />

                    <ajaxToolkit:CalendarExtender ID="calendarButtonExtender" runat="server" TargetControlID="Date1" PopupButtonID="Image1" OnClientShown="TOPcalendar" />

<tr><td>

<asp:Button ID="Button_Save" runat="server" Text="儲存本頁資料" OnClick="Button_Send_Click" CssClass="button" />

</table>

    </form>

</body>

</html>

arrow
arrow
    全站熱搜

    adamschen9921 發表在 痞客邦 留言(0) 人氣()