使用多個快顯視窗控制項 (VB)
作者 :擷取 Wenz
AJAX 控制項工具組中的 PopupControl 擴充器提供簡單的方法,可在任何其他控制項啟動時觸發快顯。 您也可以在一個頁面上使用多個快顯控制項。
概觀
AJAX 控制項工具組中的 PopupControl 擴充器提供簡單的方法,可在任何其他控制項啟動時觸發快顯。 您也可以在一個頁面上使用多個快顯控制項。
步驟
若要啟用 ASP.NET AJAX 和 Control Toolkit 的功能,控制項 ScriptManager
必須放在頁面上 (,但在 <form>
元素內) :
<asp:ScriptManager ID="asm" runat="server" />
接下來,新增可做為快顯視窗的面板。 在目前的案例中,面板包含 Calendar
控制項。 為了避免由行事曆回傳所造成的頁面重新整理,面板會放在控制項中 UpdatePanel
:
<asp:Panel ID="pnlCalendar" runat="server">
<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
<asp:Calendar ID="c1" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
頁面也包含兩個文字方塊。 針對每個文字方塊,一旦啟用文字方塊,就會顯示行事曆快顯視窗。
<div>
Departure date: <asp:TextBox ID="tbDeparture" runat="server" />
Return date: <asp:TextBox ID="tbReturn" runat="server" />
</div>
現在,使用 來擴充這兩個文字方塊的每一個 PopupControlExtender
。 屬性 TargetControlID
提供系結至擴充器的控制項識別碼。 屬性 PopupControlID
包含快顯視窗面板的識別碼。 在此情況下,這兩個擴充器也會顯示相同的面板,但也可以顯示不同的面板。
<ajaxToolkit:PopupControlExtender ID="pce1" runat="server"
TargetControlID="tbDeparture" PopupControlID="pnlCalendar" Position="Bottom" />
<ajaxToolkit:PopupControlExtender ID="pce2" runat="server"
TargetControlID="tbReturn" PopupControlID="pnlCalendar" Position="Bottom" />
現在當您按一下文字欄位內時,行事曆會出現在欄位下方,讓您選取日期。 (將選取的日期回到文字方塊中,將會涵蓋在不同的教學課程中。)
當使用者按一下文字方塊 (按一下以檢視大小完整的影像 時,就會顯示 [行事曆])
意見反應
https://aka.ms/ContentUserFeedback。
即將登場:在 2024 年,我們將逐步淘汰 GitHub 問題作為內容的意見反應機制,並將它取代為新的意見反應系統。 如需詳細資訊,請參閱:提交並檢視相關的意見反應