ListSearchExtender

List SearchExrender kontrolü ASP.NET Dropdownlist ve Listbox itemleri içinde yazarak aramayapmamızı sağlar. Listeleme elemanları üzerine tıklandığında Bir uyarı mesajı çıkarörneğin; arama için birkaç harf giriniz. Bu uyarıya sitil verebilir vepozisyonun belirleyebiliriz.

Kullanımı

<ajaxToolkit:ListSearchExtender id="LSE" runat="server"

Özellikleri

                 PromptText – Listeleme elemanına tıklandığındagösterilecek olan mesaj 

                 PromptCssClass – Uyarı mesajına uygulanacak olan sitil adı

                 PromptPosition – Uyarı mesajının gösterileceği yer. Bottomve Top değerlerini alır.

Örnek

Buanlattıklarımızı bir örnekle devam ettirelim. Örneğimizde Dropdownlist veListbox elemanlarında arama yapacağız. Örneğimize başlayalım ve ilk olarak birAJAX Projesi açalım.

Şimdioluşturduğumuz bu sayfaya 1 adet Dropdownlist ve Listbox ekleyelim. Bukontrollerde arama yapmak için 2 adet de ListSearch Extender ekleyelim… Benimoluşturduğum sayfa aşağıdaki gibidir.

Benlisteleme elemanlarına bir miktar item ekledim. Bu elemanları Databaseden dedoldurabiliriz. Ama şuan için buna gerek yok.

Şimdi ilkolarak Listbox için ListSearch Extenderinin gerekli propertylerini yazalım.

        <cc1:ListSearchExtender ID="ListSearchExtender2" runat="server"TargetControlID="ListBox1"PromptText="Aramayapmak için yazınız..." PromptPosition="Top" PromptCssClass="modalPopup">

        </cc1:ListSearchExtender>

Yukarıda     <style type="text/css">

    .modalPopup {

      background-color:#ffffdd;

      border-width:2px;

      border-style:solid;

      border-color:Gray;

      padding:0px;

}

    </style>

Şimdidedropdownlist için ListSearch Extender için gerekli kodları yazalım. Hiçbir farkyok sadece TargetControlID Propertysini değiştireceğiz.

        <cc1:ListSearchExtender ID="ListSearchExtender1" runat="server"TargetControlID="DropDownList1"PromptText="Aramayapmak için yazınız..." PromptPosition="Top" PromptCssClass="modalPopup">

        </cc1:ListSearchExtender>

Şimdi buyazdıklarımızı test edelim;

Şimdi aramaiçin bir şeyler yazalım; örneğin “ Sem ” : )

Şimdi dediğer DropdownList’ deneyelim;

Şimdi aramayapmak için bir şeyler yazalım;

Gerçektençok kullanışlı ve işe yarayacak bir kontrol : ) Projelerinizde güle gülekullanın : )

Bumakalenin de sonuna geldik, başka bir makalede görüşmek üzere başarı ve iyigünler dilerim.

SemGÖKSU
MCP | MCAD.NET | MCTS | ASP.NET MVP

ÖrnekKodlar için mail adresimi kullanabilirsiniz
askisem@hotmail.com

Kaynaklar
http://ajax.asp.net