Asp.Net Ajax–PopupControl控制項使用

文章目錄

• 簡介
• 重要屬性
• 執行個體

簡介

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 儲存設計，運行程式，當按一下滑鼠文字框時就會在文字框的右邊顯示日曆控制項，選擇一個日期，該日期就會顯示在文字框中