Birden Çok Açılan Denetim Kullanma (C#)

  • Makale

Christian Wenz tarafından

PDF’yi İndir

AJAX Denetim Araç Seti'ndeki PopupControl genişleticisi, başka bir denetim etkinleştirildiğinde açılır pencere tetiklemenin kolay bir yolunu sunar. Bir sayfada birden fazla açılan denetim de kullanılabilir.

Genel Bakış

AJAX Denetim Araç Seti'ndeki PopupControl genişleticisi, başka bir denetim etkinleştirildiğinde açılır pencere tetiklemenin kolay bir yolunu sunar. Bir sayfada birden fazla açılan denetim de kullanılabilir.

Adımlar

ASP.NET AJAX ve Denetim Araç Seti'nin işlevselliğini etkinleştirmek için, ScriptManager denetim sayfanın herhangi bir yerine (ancak öğesi içinde <form> ) yerleştirilmelidir:

<asp:ScriptManager ID="asm" runat="server" />

Ardından, açılan pencere olarak görev yapan bir panel ekleyin. Geçerli senaryoda panel bir Calendar denetim içerir. Takvim geri göndermelerinin neden olduğu sayfa yenilemelerini önlemek için panel bir UpdatePanel denetime konur:

<asp:Panel ID="pnlCalendar" runat="server">
 <asp:UpdatePanel ID="up1" runat="server">
 <ContentTemplate>
 <asp:Calendar ID="c1" runat="server" />
 </ContentTemplate>
 </asp:UpdatePanel>
</asp:Panel>

Sayfada iki metin kutusu da vardır. Her metin kutusu için, metin kutusu etkinleştirildikten sonra takvim açılır penceresi görüntülenir.

<div>
 Departure date: <asp:TextBox ID="tbDeparture" runat="server" />
 Return date: <asp:TextBox ID="tbReturn" runat="server" />
</div>

Şimdi iki metin kutusundan her birini bir PopupControlExtenderile genişletin. TargetControlID özniteliği genişleticiye bağlı denetimin kimliğini sağlar. PopupControlID özniteliği, açılan panelin kimliğini içerir. Bu durumda, her iki genişletici de aynı paneli gösterir, ancak farklı paneller de mümkündür.

<ajaxToolkit:PopupControlExtender ID="pce1" runat="server"
 TargetControlID="tbDeparture" PopupControlID="pnlCalendar" Position="Bottom" />
<ajaxToolkit:PopupControlExtender ID="pce2" runat="server"
 TargetControlID="tbReturn" PopupControlID="pnlCalendar" Position="Bottom" />

Artık bir metin alanının içine her tıkladığınızda, alanın altında tarih seçmenize olanak sağlayan bir takvim görünür. (Seçili tarihi metin kutularına geri alma, farklı bir öğreticide ele alınacaktır.)

Kullanıcı metin kutusuna tıkladığında Takvim görüntülenir

Kullanıcı metin kutusuna tıkladığında Takvim görüntülenir (Tam boyutlu görüntüyü görüntülemek için tıklayın)

Sonraki