簡介
Popupcontrol可以彈出任意類型的控件,不管是在服務器控件還是Html控件。就是在某控件獲取焦點時彈出另外一個控件,進行一些操作後,隱藏彈出的控件。
重要屬性
TargetControlID:需要彈出的控件的id
PopupControlID:作為彈出控件的id
Position:彈出控件的位置
OffsetX/OffsetY:彈出控件的位置與默認位置的相對坐標
實例
1 打開vs2005,新建一個AjaxControlToolKit網站,命名為AJaxPopupControl
2 打開默認生成的Default.ASPx頁面,切換到窗體的設計視圖
3 在頁面中拽一個UpdatePanel,一個PopupControlExtender,一個TextBox和一個Calendar控件
4 設置PopupcontrolExtender控件的屬性,要求當文本框獲得焦點時再其右側彈出Calendar控件,如下
<AJaxToolkit:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="TextBox1" PopupControlID="Calendar1" Position="right">
</AJaxToolkit:PopupControlExtender>5 在Calendar控件的SelectionChanged事件中添加代碼,讓選擇日期後能將選擇的日期顯示在文本框中,如下
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
this.TextBox1.Text = this.Calendar1.SelectedDate.ToShortDateString();
}6 保存設計,運行程序,當鼠標單擊文本框時就會在文本框的右邊顯示日歷控件,選擇一個日期,該日期就會顯示在文本框中