AJAX ListSearch Extender

ListSearchExtender

List SearchExrender kontrolü ASP.NET Dropdownlist ve Listbox itemleri içinde yazarak aramayapmamizi saglar. Listeleme elemanlari üzerine tiklandiginda Bir uyari mesaji çikarörnegin; arama için birkaç harf giriniz. Bu uyariya sitil verebilir vepozisyonun belirleyebiliriz.

Kullanimi

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

Özellikleri

PromptText - Listeleme elemanina tiklandigindagösterilecek olan mesaj

PromptCssClass - Uyari mesajina uygulanacak olan sitil adi

PromptPosition - Uyari mesajinin gösterilecegi yer. Bottomve Top degerlerini alir.

Örnek

Buanlattiklarimizi bir örnekle devam ettirelim. Örnegimizde Dropdownlist veListbox elemanlarinda arama yapacagiz. Örnegimize baslayalim ve ilk olarak birAJAX Projesi açalim.

Simdiolusturdugumuz bu sayfaya 1 adet Dropdownlist ve Listbox ekleyelim. Bukontrollerde arama yapmak için 2 adet de ListSearch Extender ekleyelim. Benimolusturdugum sayfa asagidaki gibidir.

Benlisteleme elemanlarina bir miktar item ekledim. Bu elemanlari Databaseden dedoldurabiliriz. Ama suan için buna gerek yok.

Simdi ilkolarak Listbox için ListSearch Extenderinin gerekli propertylerini yazalim.

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

</cc1:ListSearchExtender>

Yukarida ="text/css">

.modalPopup {

background-color:#ffffdd;

border-width:2px;

border-style:solid;

border-color:Gray;

padding:0px;

}

</style>

Simdidedropdownlist için ListSearch Extender için gerekli kodlari yazalim. Hiçbir farkyok sadece TargetControlID Propertysini degistirecegiz.

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

</cc1:ListSearchExtender>

Simdi buyazdiklarimizi test edelim;

Simdi aramaiçin bir seyler yazalim; örnegin " Sem " : )

Simdi dediger DropdownList' deneyelim;

Simdi aramayapmak için bir seyler yazalim;

Gerçektençok kullanisli ve ise yarayacak bir kontrol : ) Projelerinizde güle gülekullanin : )

Bumakalenin de sonuna geldik, baska bir makalede görüsmek üzere basari 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