Makale Özeti

Merhaba arkadaşlar, bu makalemizde DropdownList kontrolünün standart görüntüsünden kurtulup kendimize özel rengarenk item’ları olan dropdownlistler oluşturacağız.

Makale



Web siteleri ve web uygulamaları geliştirirken ziyaretçilere sürekli yenilikler sunmak zorundasınızdır. Bu yenilikler sayfanın tasarımı veya işlevlerinin değişmesi ile yeterli olmayabilir. Bu durum da kullanıcıların ilgisini çekecek bir şeyler yapmak zorunda kalırsınız ve yaratıcılığınızı konuşturmak zorundasınızdır. Özellikle sporseverlerin ilgisini çekeceğini düşündüğüm ve 1-2 projede kullandığım “Multi-Color DropdownList” kontrolünü sizlere anlatacağım.


Bir futbol takımının sitesini yaptığımızı varsayalım. Kullanıcılar haklı olarak kendi takımlarının renklerini her yerde görmek isterler. Bizde öyleyse onları kırmayalım ve her yeri takımlarının renklerine çevirelim.

Örnek: Spor sitelerini takip edenle bilir, her maç sonunda maçın yıldızı, kötüsü vs… ziyaretçiler tatafından belirlenir. Bizde burada örnek olarak bunu yapalım. Futbolcuların isimlerini listeleyen bir DropdonList kontrolümüz olsun. Biz bu dropdownlist kontrolünü takımımızın renklerinde dolduralım. Ben Fenerbahçeli olduğum için de Sarı Lacivert renklerde futbolcu isimlerini listeye dolduracağım.

Gerekli açıklamaları yaptıktan sonra örneğimize geçelim;

İlk olarak yeni bir Web projesi oluşturalım. Daha sonra sayfamıza bir adet DropdownList kontrolü ekleyelim.

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Drawing;

using System.Reflection;

using System.Collections.Generic;

Sayfa açılırken İlk olarak takım listesini GetTeamList() dolduracağız ve bu listedeki elemanların renklerini belirlemek içinde diğer fonksiyon SetColor()’i kullanacağız

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (Page.IsPostBack == false)

{

GetTeamList();

SetColor();

}

}

private void GetTeamList()

{

ddlMultiColor.DataSource = TeamList();

ddlMultiColor.DataBind();

}

Futbolcuların isimlerini ben arraylist olarak aldım, siz uygulamalarınızın seyrine göre databaseden de doldurabilirsiniz

private ArrayList TeamList()

{

string[] Teams = { "Serdar", "Önder", "Edu", "Lugano", "Roberto Carlos", "Appiah", "Marco Aurello","Uğur Boral" ,"Alex", "Deivid", "Kezman" };

ArrayList TeamList = new ArrayList();

foreach (string Team in Teams)

{

TeamList.Add(Team);

}

return TeamList;

}

DropdownList’imizin elemanları arasında dolaşarak liste elemanlarının background ve Text color özelliklerini belirliyoruz. Burada row’un 2’li modunu aldık. Eğer mod 0 ise Normal Renk olacak değilse Alternatif renk de olacak.

private void SetColor()

{

int row;

for (row = 0; row < ddlMultiColor.Items.Count; row++)

{

if (row % 2 == 0)

{

ddlMultiColor.Items[row].Attributes.Add("style","background-color:Yellow; Color:Navy; font-family:verdana");

}

else

{

ddlMultiColor.Items[row].Attributes.Add("style", "background-color:Navy; color:Yellow; font-family:verdana");

}

}

}

}

Evet şimdi yazdıklarımızı Test edelim ve projemizi çalıştıralım…



Gerçekten de bir Fenerbahçeli olarak güzel durduğunu düşünüyorum
J

Bu makalenin de sonuna geldik, Olumlu ve olumsuz tüm görüşleriniz için şimdiden teşekkür ederim.

Örnek Kodları indirmek için Tıklayınız

Sem GÖKSU
info@semgoksu.com

MCP (Microsoft Certified Professional)

MCAD (Microsoft Certified Application Developer)
MCTS (Microsoft Certified Technology Specialist)

Kaynaklar

www.codeproject.com