ASP.net Ajax ValidatorCalloutExtender Kontrolünün kullanımı .

 Merhaba .

Bu makalemizde Ajax Control Toolkit kontollerinden olan validation callout extender nesnesini inceleleyip ufak bir örnek uygulama da geliştireceğiz.
 Nedir validation callout extender  ?
   Validation callout extender Visual Studio ile birlikte gelen Validation tabının altındaki Validation konrollerinin göze daha hoş gözkümesi için geliştirilmiş bir nesnedir.
   Normal şartlarda Validation conrolleri kullanıldığı zaman uyarılar ekranda tablomuzun içinde sabit bir şekilde çıkıyor ve kullanıcının gözünden kaçabiliyor.
   Aşağıda normal bir Validation contolü ile yapılmış  örnek kodlar ve  bir  görüntü var .

Kodlar:

<table cellpadding="2" class="style1">

            <tr>

                <td class="style2">

                    Adınız</td>

                <td class="style3">

                    :</td>

                <td>

                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

                        ControlToValidate="TextBox1" ErrorMessage="Lütfen Adınızı Girin.!!"></asp:RequiredFieldValidator>

                </td>

            </tr>

            <tr>

                <td class="style2">

                    &nbsp;</td>

                <td class="style3">

                    &nbsp;</td>

                <td>

                    <asp:Button ID="Button1" runat="server" Text="Tamam" />

                </td>

            </tr>

        </table>





 Yukarıda  kullanıcı isim alanını boş bırakıp Tamam a bastığı zaman  Lütfen Adınızı Girin.!!. yazısı ekranda görüntüleniyor  ve kullanıcı uyarılıyor.


Şimdi validation callout extender nesnesini kullanarak bunu daha dikkat çekecek ve göze hoş görünecek bir hale getirelim.

Bunun için yapmamız gereken işlem gayet basit.
 ilk olarak sayfamızın en başına bir adet Script Manager ekliyoruz   sonra RequiredFieldValidator1 ’ın  Display  özelliğini None yapıyoruz . Sonra  RequiredFieldValidator1 ‘in yanına Ajax Control Toolkit den bir adet olan validation callout extender nesnesini bırakıyoruz ve  TargetControlID değerini de RequiredFieldValidator1 olarak seçiyoruz. VE  hepsi bukadar. Artık kullanıcı isim alanını boş geçtiği zaman uyarı yazısı  düz metin olarak değilde Windows daki gibi baloncuk şeklinde görüncektir.

Kodlarımızın son hali :

<asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <table cellpadding="2" class="style1">

            <tr>

                <td class="style2">

                    Adınız</td>

                <td class="style3">

                    :</td>

                <td>

                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

                        ControlToValidate="TextBox1" Display="None"

                        ErrorMessage="Lütfen Adınızı Girin.!!"></asp:RequiredFieldValidator>

                    <cc1:ValidatorCalloutExtender ID="RequiredFieldValidator1_ValidatorCalloutExtender"

                        runat="server" TargetControlID="RequiredFieldValidator1">

                    </cc1:ValidatorCalloutExtender>

                </td>

            </tr>

            <tr>

                <td class="style2">

                    &nbsp;</td>

                <td class="style3">

                    &nbsp;</td>

                <td>

                    <asp:Button ID="Button1" runat="server" Text="Tamam" />

                </td>

            </tr>

        </table>


Ekran görüntümüzün Son Hali





İyi Çalışmalar