Oca182009

List Search Extender Kullanımı

Yusuf Karakaş tarafindan 13:27 tarihinde Asp.Net Ajax kategorisine eklenmistir.

  Merhaba arkadaşlar bu ilk makalemde sizlere Ajax Toolkit 'den ListSearchExtender komutunu anlatmaya çalışacağım.

Amacı;

      Aslına bakıldığında ufak bir kontrol olarak düşünülsede, işlevsel bakımdan son derece kullanışlı bir kontroldür.Uzun listeler

içeren Dropdownlist ve ListBox gibi kontroller yapmak çoğu zaman kullanıcıya zor gelmiştir.İşte tam bu esnada

List Search Extender ile mouse kullanarak bu kontroller arasında gezinmek yerine, aramak istediğimiz anahtar

kelimeyi klavye ile harf harf girerek bulabiliyoruz.Bunun için kontrolümüzü Dropdownlist veya listbox la eşleştirmemiz yeterli olacaktır.

Kullanımı;

Kullanımı gayet basit olmasına karşı, dikkat edilmesi gereken birtakım parametreler var.Bunlardan ilki kontrolümüzü

bağlamak istediğimiz Dropdownlist veya ListBox kontrollerinin ID sini alacağımız targetcontrolid özelliği.

Diğeri ise PromtPosition özelliği ile yazımızın kontrolün üstünde veya altında olmasını ayarlayabiliriz.

Kontrol Özellikleri
TargetControlID      Dropdown ve ListBox id bilgisi

PromptText            Arama yapılacak kontrole ait metin girişi

PromptPosition       PromtText özelliğinin kontrolümüzün üst veya altında gösterilmesi için kullanılır.

QueryPattern         Arama kriterlerini belirtir.

Issorted                ListBox veya Combobox kontrollerinin alfabetik olup olmadığı bilgisini gösterir.Varsayılan değeri false dir.

QueryTimeOut        Aranan kriterlere ait bi veri bulanamadığında aramanın isteğe bağlı bir süre sonunda sıfırlanmasını sağlar.

Animations            OnShow ve OnHide olarak 2 farklı animasyon gösteriri.

PromptCssClass      PromptText özelliğine css sınıfı atar.

Örnek Uygulama Kodları
<cc1:ListSearchExtender ID="ListSearchExtender1" runat="server" IsSorted="true" TargetControlID="Dropdownlist1" PromptText="Aranacak ili seçiniz"

PromptPosition="Top" > </cc1:ListSearchExtender>

<asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="list" DataTextField="sehir" DataValueField="sehir"> </asp:DropDownList>

Örnek Uygulama Görüntüsü

Görüldüğü üzere oldukça basit ama bir o kadarda kullanışlı bir kontrol.Tek yapmanız gereken gerekli ayarlamaları yapıp,

isteğe bağlı birtakım özellikler eklemek olucak.



[KickIt] [Dzone] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Etiketler: ,

E-Posta | Permalink | Geri izlemeler | Yazi RSSRSS comment feed 0 Yorum

Yorumlar