Asp.Net Ajax---PopupControlコントロール使用

概要

Popupcontrolでは、サーバコントロールでもhtmlコントロールでも任意のタイプのコントロールをポップアップできます.あるコントロールがフォーカスを取得したときに別のコントロールをポップアップし、いくつかの操作を行った後、ポップアップしたコントロールを非表示にします.

重要な属性

TargetControl:ポップアップコントロールが必要なid

PopupControl:ポップアップコントロールとしてのid

Position:ポップアップコントロールの位置

OffsetX/offsetY:ポップアップコントロールの位置とデフォルトの位置の相対座標

≪インスタンス｜Instance｜emdw≫

1 vs 2005を開き、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設計を保存し、プログラムを実行し、マウスでテキストボックスをクリックすると、テキストボックスの右側にカレンダーコントロールが表示され、日付を選択すると、テキストボックスに表示されます.