馬小玲傳說

今天開始進入到ASP.NET AJAX ControlToolkit的部份，在這些控制項當中，有很多都是Extender結尾的，這就是所謂的延伸控制項，什麼叫延伸控制項呢?就是原本asp.net2.0某些控制項的延伸，所以說這些控制項都沒有辦法獨立使用，必須搭配原來基本的控制項來使用。

1.PopupControlExtender的使用時機，它是搭配textbox來使用，通常書上最多的範例便是點選一個textbox，彈出一個Calendar，Calendar點選某一日期後，日期會自動呈現在這個textbox中，當然這個範例是彈出Calendar，其實想彈出什麼東西，端看你的設計，以下來看程式吧。

2.先拉一個textbox，再拉一個PopupControlExtender，將PopupControlExtender的屬性TargetControlID設為這個textbox。

3.拉一個UpdatePanal，裡面放一個Calendar。

4. public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { this.PopupControlExtender1.PopupControlID = this.UpdatePanel1.ID; this.PopupControlExtender2.PopupControlID = this.UpdatePanel2.ID; } protected void Calendar1_SelectionChanged(object sender, EventArgs e) { this.PopupControlExtender1.Commit(this.Calendar1.SelectedDate.ToString()); } protected void Button2_ServerClick(object sender, EventArgs e) { this.PopupControlExtender2.Commit(this.TextBox3.Text); } }

5.上面程式碼是包含2個範例，一個是彈出月曆的，一個是彈出textbox的，程式碼中的button2是一個html的button以伺服器控制項執行，大家別搞錯嚕。

6.程式碼中的Commit，是PopupControlExtender的一個屬性，當你要給TargetControlID值 ，只要呼叫

這個方法 this.PopupControlExtender2.Commit(給 TargetControlID的值);，就可以把值傳過去嚕^^

7.當你將PopupControlExtender的TargetControlID指向textbox時，你會發現textbox多了一個屬性PopupControlExtender1，裡面的OffsetX跟OffsetY，可以去設定彈出月曆的位置，以上大至就是PopupControlExtender的用法。

p.s 再說一次嚕^^ 大家如果想知道觀念或原理，請自行研究，我放的只會是如何做，很少會放觀念性的東西，如果有人想分享觀念，也可以用留言方式給大家看喔^^。