ASP.NET C#: 7.11.2010

DropDownList Kontrolu tek seçimlik tek satırlık açılır bir seçim listesi sunar. Çalışma mantığı RadioButtonList'e benzer.

Özellikler:

AutoPostBack: DropDownList içinde bir seçim yapıldığı veya değiştirildiği zaman formu otomatik olarak gönderir. True değer aldığı zaman aktif olur.

DataMember: DropDownList içeriğini bir veri kaynağından alıyorsa ve bu kaynak birden fazla tabloya sahip ise bu özellik ile istenilen veri tablosu belirlenir.

DataSource: Bir veri kaynağı bağlantısı sağlar. İstediğimiz bir veri kaynağına bağlantı yapabiliriz.

DataTextField: Bağlandığımız veri kaynağındaki istediğimiz veri alanını yani veri tablosundaki sutunu alanı adını yazarak bağlanmamızı sağlar.

DataTextFieldFormatString: CheckBoxList verilerinin biçimlendirilmesini sağlar. Aynı zamanda string olarak biçimini bize okur.

DataValueField: CheckBoxList içindeki her bir alanın değerini belirlemek için datasource da ki veri kaynağından bir alan seçer.

Items: DropDownList koleksiyonunun elemanlarını belirtir.

SelectedIndex: DropDownList içinde seçili elemanın indeks numarasını verir.

SelectedItem: DropDownList içinde seçili elemanın kendisini temsil eder.

Metotlar

DataBind: Bir DataSource'a(veri kaynağına) bağlanan DropDownList'e verilerin yüklenmesini sağlar.

OnSelectedIndexChanged: DropDownList için SelectedIndexChanged olayını üretir. SelectedIndexChanged olayı üzerinde düzenleme yapmamızı sağlar.

Olaylar

SelectedIndexChanged: DropDownList elemanlarından biri seçildiği veya değiştirildiği zaman bu olay gerçekleşir.

Örnek: DropdownList 'e veri,data yükleme. Listitem ile doldurma.

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

void Page_Load(Object sender, EventArgs e)

{

if(!IsPostBack)

{

DropDownList1.Items.Add("Red");

//ve

ListItem blue = new ListItem();

blue.Text = "Blue";

blue.Value = "Blue";

DropDownList1.Items.Add(blue);

ListItem white = new ListItem();

white.Text = "White";

white.Value = "White";

DropDownList1.Items.Add(white);

DropDownList1.Items.Add(new ListItem("Green","Green"));

}

</script>

<title> DropDownList Örneği </title>

</head>

<body>

DropDownList Örneği <br /><br /><hr /><br />

<asp:DropDownList ID="DropDownList1" AutoPostBack="True" runat="server"/>

</form>

</body>

</html>

Örnek

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

void Page_Load(Object sender, EventArgs e)

{

if(!IsPostBack)

{

DropDownList1.Items.Add("White");

//ve

ListItem blue = new ListItem();

blue.Text = "Blue";

blue.Value = "Blue";

DropDownList1.Items.Add(blue);

ListItem white = new ListItem();

white.Text = "Red";

white.Value = "Red";

DropDownList1.Items.Add(white);

DropDownList1.Items.Add(new ListItem("Green","Green"));

}

String zeminrengi = "#ffffff";

void DropDownList1_SelectedIndexChange(Object sender,EventArgs e)

{

Response.Write("Selected Index : " + DropDownList1.SelectedIndex.ToString() + "<br />");

Response.Write("Selected Item : " + DropDownList1.SelectedItem.Text + "<br />");

Response.Write("Selected Value : " + DropDownList1.SelectedValue.ToString() + "<br />");

zeminrengi = DropDownList1.SelectedItem.Text;

}

</script>

<title> DropDownList Örneği </title>

</head>

DropDownList Örneği <br /><br /><hr /><br />

<asp:DropDownList ID="DropDownList1" AutoPostBack="True" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChange"/>

</form>

</body>

</html>

Örnek

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

void DropDownList_Changed(Object sender, EventArgs e)

{

Calendar1.DayStyle.BackColor = System.Drawing.Color.FromName(DropDownList1.SelectedItem.Value);

}

</script>

<title> DropDownList Örneği </title>

</head>

<body>

<h3> DropDownList Örneği </h3>

Calendar Kontrolu Gün Listesi için bir zemin rengi seçiniz.

<asp:Calendar ID="Calendar1" ShowGridLines="True" ShowTitle="True" runat="server"/>

<table cellpadding="5"><tr><td>Zemin Rengi:</td></tr>

<asp:DropDownList ID="DropDownList1" AutoPostBack="True" OnSelectedIndexChanged="DropDownList_Changed" runat="server">

<asp:ListItem Selected="True" Value="White" Text="White"> </asp:ListItem>

<asp:ListItem Value="Silver"> Silver </asp:ListItem>

<asp:ListItem Value="Red" Text="Red" />

<asp:ListItem Value="Khaki"> Khaki </asp:ListItem>

<asp:ListItem Value="DarkKhaki"> Dark Khaki </asp:ListItem>

<asp:ListItem Value="Blue" Text="Blue" />

</asp:DropDownList>

</td></tr></table>

</form>

</body>

</html>

Örnek : DropDownList Datatable ile datasource bağlantı kurma.

<%@ Page Language="C#" AutoEventWireup="True" %>

<%@ Import Namespace="System.Data" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

void DropDownList1_Change(Object sender, EventArgs e)

{

Calendar1.DayStyle.BackColor = System.Drawing.Color.FromName(DropDownList1.SelectedItem.Value);

}

void Page_Load(Object sender, EventArgs e)

{

if(!IsPostBack)

{

DropDownList1.DataSource = CreateDataSource();

DropDownList1.DataTextField = "ColorTextField";

DropDownList1.DataValueField = "ColorValueField";

DropDownList1.DataBind();

DropDownList1.SelectedIndex = 0;

}

ICollection CreateDataSource()

{

DataTable dt = new DataTable();

dt.Columns.Add(new DataColumn("ColorTextField", typeof(String)));

dt.Columns.Add(new DataColumn("ColorValueField", typeof(String)));

dt.Rows.Add(CreateRow("White", "White", dt));

dt.Rows.Add(CreateRow("Silver", "Silver", dt));

dt.Rows.Add(CreateRow("Dark Gray", "DarkGray", dt));

dt.Rows.Add(CreateRow("Khaki", "Khaki", dt));

dt.Rows.Add(CreateRow("Dark Khaki", "DarkKhaki", dt));

DataView dv = new DataView(dt);

return dv;

}

DataRow CreateRow(String Text, String Value, DataTable dt)

{

DataRow dr = dt.NewRow();

dr[0] = Text;

dr[1] = Value;

return dr;

}

</script>

<title> DropDownList Data Binding Örneği </title>

</head>

<body>

<h3> DropDownList Data Binding Örneği </h3>

Calendar Kontrolu Gün Listesi için bir zemin rengi seçiniz.

<asp:Calendar id="Calendar1" ShowGridLines="True" ShowTitle="True" runat="server"/>

Zemin Rengi:

</td></tr>

<asp:DropDownList ID="DropDownList1" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_Change" runat="server"/>

</td></tr></table>

</form>

</body>

</html>

10 Kasım 2010 Çarşamba

DropDownList Kontrolu