Mart 12th, 2009 | Ali BARIN | VB | Yorum yok |

Dropdownlist özellikleri;

  • İstediğin seçeneğe ayrı ayrı değer ve yazı verebilirsiniz.
  • AutoPostBack özelliği..
  • Listede seçili olan seçenekin yazısını veya değerini ayrı ayrı gösterebilirsiniz.
  • Listenin enini ve boyunu ayarlıyabiliriz.

1. İstediğin seçeneğe ayrı ayrı değer ve yazı

Örnek dropdownlist

<asp:DropDownList ID="dropdownlist1" runat="server">
<asp:ListItem Value="secenek1_deger">seçenek1_yazı</asp:ListItem>
<asp:ListItem Value="secenek2_deger">seçenek2_yazı</asp:ListItem>
</asp:DropDownList>

2. AutoPostBack

Bu özellik sayesinde dropdownlist te bir seçenek seçildiği zaman bulunduğu sayfa kendi içinde yenilenir.
AutoPostBack i aktif edelim

<asp:DropDownList ID="dropdownlist1" runat="server" AutoPostBack="true">
</asp:DropDownList>

3. Seçeli olan seçeneğin yazısı ve değerini gösterme

dropdownlist1 ID li dropdownlist teki seçili seçeneğin değerini ve yazısını gösterelim. SelectedValue ile değerini, SelectedItem ile de yazısını gösterdik.

<%@ Page Language="VB"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
        Response.Write(DropDownList1.SelectedValue)
        Response.Write(DropDownList1.SelectedItem)
    End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>asp.net ~ webogrencisi.com</title>
</head>
<body>
<form id="form1" runat="server">
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true">
<asp:ListItem Value="secenek1_deger">seçenek1_yazı</asp:ListItem>
<asp:ListItem Value="secenek2_deger">seçenek2_yazı</asp:ListItem>
</asp:DropDownList>
</form>
</body>
</html>

4. Listenin eni ve boyunu ayarlamak

width ve height parametrelerini kullanıp ayarlıyalım.

<asp:DropDownList ID="dropdownlist1" runat="server" width="100" height="20">
</asp:DropDownList>

   Yorum yazın.