返回首頁
當前位置: 主頁 > 網絡編程 > Ajax實例教程 >

Asp.Net Ajax-PopupControl控件使用基礎教程

時間:2012-07-25 02:13來源:知行網www.aotfjk.live 編輯:麥田守望者

簡介

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 保存設計,運行程序,當鼠標單擊文本框時就會在文本框的右邊顯示日歷控件,選擇一個日期,該日期就會顯示在文本框中

------分隔線----------------------------
標簽(Tag):ajax Ajax實例教程 Ajax基礎教程 Ajax源代碼 Ajax技巧
------分隔線----------------------------
推薦內容
猜你感興趣
湖南刘雪龙黑彩