程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> asp.net Ajax--PopupControl控件使用

asp.net Ajax--PopupControl控件使用

編輯:.NET實例教程

簡介
    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 保存設計,運行程序,當鼠標單擊文本框時就會在文本框的右邊顯示日歷控件,選擇一個日期,該日期就會顯示在文本框中
 
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved