Bu makalemizde AjaxControlToolkit apisine ait MaskedEditExtender kontrolünü ele alacağız.

Ne işe Yarar?

Özellikle Windows uygulamalarında bulunan text kutularına  kriter getirme işlemi, web için oldukça zahmetli bir haldeydi.

MaskEdit için ise web için bu açığı doldurdu diyebiliriz.Seçtiğimiz herhangi bir metin kutusuna istediğimiz kritere göre ,işlem yapmasını sağlıyabiliyoruz.

Genel Mask Ayarları

Mask Karakteri                      Anlamı

9                                              Yerine tek bir rakam gelebilir

L                                               Yerine tek bir harf gelebilir

$                                               Yerine tek bir harf veya boşluk gelebilir.

?                                               Yerine herhangi bir karakter gelebilir.

/                                                Tarih ayracı belirlenir.

:                                                 Saat ayracı belirlenir.

.                                                 Ondalık ayracı belirlenir.

,                                                 Binlik ayracı belirlenir

 

Genel Mask Kontrol Özellikleri

TargetControlId: Mask kontrolüne atanacak metin kutusu Id bilgisi

AutoComplete:Eksik bırakılmış yerlerin doldurulması için kullanılır

Century: Tarih gibi iki basamaklı (09) değerleri,4 basamaklı (2009) değerlere çevirir.

ClipboardText: Metin kutusuna yapıştırma işlemi gerçekleştiğinde kullanıcıya gösterilmesi gerekn uyarı mesajı verir.

DisplayMoney:Mask halindeki para biriminin nasıl konumlancağı ayarlanır.

InputDirection:Metin giriş yönünü belirler.

MaskType: Metin kutusunun hangi kriterlere göre masklanacağı belirlenir.

MessageValidatorTip: Metin kutusu içine girilirken gösterilecek metin belirlenir

OnFocusCssClass:Hedef metin kutusuna metin girişi yapıldığında css snıfı belirlenmesi sağlanır.

 

Uygulama

<body>

    <form id="form1" runat="server">

    <div>

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

        </asp:ScriptManager>

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

        <cc1:MaskedEditExtender ID="MaskedEditExtender1"

         TargetControlID="TextBox1" Mask="99/99/9999"

         MaskType="Date" AutoComplete="true"

           UserDateFormat="DayMonthYear"

          runat="server">

        </cc1:MaskedEditExtender>            </div>

    </form>

</body>

Uygulama Görüntüsü


 

Diğer makaleler ile görüşmek üzere...Saygılarımla...

Yusuf KARAKAŞ