ASP.NET 2.0

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

File upload kontrolü bazen tek basına yetmez. yani tek dosya upload'u bizim için yeterli olmaz. Birden fazla dosya upload etmek istedigimizde bunu tek tek yapmak bizim için oldukça zor olur. Hele upload edilecek dosya sayısı belli degilse yada degiskense...

Burada biz kendi çözümümüzü gelistirmeliyiz. Ben de bu makale de size kendi gelistirmis oldugum çözümü anlatacagım. Bunu nasıl yapacagız ? Run time'da sayfamıza file upload kontroller ekleyerek bu islemi gerçeklestirebiliriz.

protectedvoid Page_Load(object sender, EventArgs e)
{ 
    FileUpload myFileUpload = new FileUpload(); 
    myFileUpload.ID = "Upload_Dosyasi"; 
    this.form1.Controls.Add(myFileUpload);
}

Bu kod sayfa açıldıgında formumuza formupload kontrolü ekleyecek..

Evet tek bir kontrolü eklemek istedigimizde bunu yapmak yukarıdaki kadar kolay. Simdi bu islemi çoklu upload için yazalım.

Ilk olarak sayfamıza bir adet Panel(upload kontrolleri bu panele ekleyecegiz), DropDownList(Kaç adet File Upload kontrolü sayfamıza eklenecek bunu belirleyecek ben item olarak 3,5,7,10 ekledim) Button(File Upload kontrolünde seçilen dosyaları upload edecek) Benim olusturdugum sayfa asagıdaki gibidir;



Sayfamız ilk açıldıgında default olarak 10 adet file upload kontrolü eklensin.

protected void Page_Load(object sender, EventArgs e)
{ 
    for (int i = 1; i <= 10; i++)//10 kere dön 
    { 
        FileUpload myFileUpload = new FileUpload();//Yeni File Upload Kontrolünin instance'ni al 
        myFileUpload.ID = "Upload_" + i;//Erismek için ID'ni belirle 
        this.Panel1.Controls.Add(myFileUpload);//Kontrolü panel içine ekle 
    }
}

Evet simdi projemizi çalıstıralım;

Sayfamıza 10 dan daha az yada daha fazla kontrol eklemek isteyebiliriz. Bunun için seçecegimiz Dropdownda deçecegimiz göre degisecek. Ilk olarak Dropdownun AutoPostback özelligini True yapalım. Simdi gerekli kodları yazalım.

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{ 
    Panel1.Controls.Clear(); 
    for (int i = 1; i <= Convert.ToInt32(DropDownList1.SelectedValue); i++) 
    { 
        FileUpload myFileUpload = new FileUpload(); 
        myFileUpload.ID = "Upload_" + i; 
        this.Panel1.Controls.Add(myFileUpload); 
    }
}

Projemizi tekrar çalıstıralım ve ve dropdowndaki degeri degistirelim;

Evet 3 adet kontrol eklendi... Simdi sayfamıza ekledigimiz kontroller için upload islemini yapalım. Button'umuza tıklayalım;

FileUpload myFileUpload;  // Unutmayalım !!

protected void Button1_Click(object sender, EventArgs e)
{ 
    for (int i = 1; i <= Convert.ToInt32(DropDownList1.SelectedValue); i++) 
    { 
        myFileUpload = ((FileUpload)Panel1.FindControl("upload_" + i.ToString())); 
        if (myFileUpload.HasFile) 
        { 
            myFileUpload.SaveAs(Server.MapPath("images/"+myFileUpload.FileName)); 
            Response.Write(i.ToString()+". Dosya "+ " Upload Edilen Dosya Adı:"+myFileUpload.FileName + "<br/>"); 
        } 
    }
}

Evet simdi isterseniz bunu test edelim;

Evet simdi dosyalarımızı upload edelim...

Image klasörü içine gidip upload kontrollere bakalım gerçekten eklemismi : )

EVET 1.gif,2.gif ve 3.gif image klasörümüze eklendi...

Eger 3 tane upload yetmediyse dropdowdan istedigimiz sayıyı seçelim ve istediginiz kadar upload yapalım : ) Bu makalenin de sonuna geldik, baska bir makalede görüsmek üzere basarı ve iyi günler dilerim.

Örnek Kodları buradan indirebilirsiniz

Sem GÖKSU
MCP | MCAD.NET | MCTS
semgoksu@semgoksu.com

Kaynaklar
http://msdn.com