7 Kasım 2010 Pazar

RadioButtonList Kontrolu

RadioButtonList kontrolu ile Radiobutton listesi oluşturulur. Bir koleksiyona ve veritabanına bağlanabilir. Radiobutton ile daha bağımsız gruplar oluşturulabilinir.


Özellikleri
Autopostback : Kullanıcı RadioButtonList Listesinden bir Radio seçtiği zaman gerçekleşir. Sunucuya otomatik olarak gönderme yapar. True değer aldığı zaman aktif olur.
Cellpadding: RadioButtonList çerçevesi ile içindeki hücrelerin mesafelerini piksel olarak ayarlamamıza olanak sağlar.
Cellspacing: Bitişik RadioButtonList hücrelerinin arasındaki mesafeyi piksel olarak ayarlamamızı sağlar.
DataMember: Bu özellik bir veri kaynağındaki birden fazla tablodan birini seçmemizi sağlar.
DataSource: Bir veri kaynağı bağlantısı sağlar. Bağlanacağımız veri kaynağının adını belirtiriz.
DataTextField:RadioButtonList içindeki Radio Text alanları için Datasource içindeki tablodan istediğimiz veri alanını veya kolonunu seçmemizi sağlar.

DataTextFormatString: RadiButtonList elemanlarının text özelliklerini biçimlendirmemizi sağlar. Örneğin {0:C} sayısal biçim kullanabiliriz
DataValueField: RadioButtonList içindeki Radio'ların değerleri için Datasource içindeki tablodan istediğimiz veri alanını veya kolonunu seçmemizi sağlar.
Items: RadioButtonList elemanlarının koleksiyonunu belirtir.
RepeatColumns: Radiobuttonlist içindeki radio'ların kaç adet kolon içinde gösterileceğini belirtir. Varsayılan olarak tek sıra halindeyken isteğe göre çift sıra veya çoklu bir şekilde standart olarak dikey sıralanır.
RepeatDirection: RadioButtonList Elemanlarının sıralanacağı yönü belirtir. Vertical veya Horizontal değerlerinden birini alarak dikey veya yatay sıralanır. Varsayılan (Vertical)dikeydir.
RepeatLayout: RadioButtonList Elemanlarının biçimlendirilmesini sağlar.  Table ve Flow değerlerinden birini alır. Varsayılan Table değerlidir.
SelectedIndex: RadioButtonList içindeki seçilmiş elemanın indeks numarasını verir.
SelectedItem: RadioButtonList içindeki seçilmiş elemanı belirtir.
TextAlign:  RadioButtonList içindeki Radio'ların etiketlerinin Radio seçeneklerine göre bulunacağı yönü belirtir. Varsayılan olarak Right yani sağ seçilidir. Dilersek yazıları radio butonlarının  soluna alabiliriz.


Metotlar:
DataBind: Bu özellik veri bağlantı isteklerinin gerçekleşmesini sağlar. RadioButtonList'e Datasource ile belirtilen veri kaynağındaki verilerin aktarmasını sağlar..


OnSelectedIndexChanged: RadioButtonList listesinde seçimde yapılan bir değişiklikle ilgili yapılması gerekenler olduğu zaman bu metot kullanılır.


Olaylar:
SelectedIndexChanged: RadioButtonList listesinde seçimde yapılan bir değişiklik olduğu zaman bu olay gerçekleşir.


<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
    <title>RadioButtonList Example</title>
<script language="C#" runat="server">
        void Button1_Click(object Source, EventArgs e)
        {
           if (RadioButtonList1.SelectedIndex > -1)
           { 
              Label1.Text = "Seçiminiz: " + RadioButtonList1.SelectedItem.Text;
           }
        }
        void chkLayout_CheckedChanged(Object sender, EventArgs e)
        {

           if (chkLayout.Checked == true)
           {
              RadioButtonList1.RepeatLayout = RepeatLayout.Table;
           }
           else
           {
              RadioButtonList1.RepeatLayout = RepeatLayout.Flow;
           }    
        }
        void chkDirection_CheckedChanged(Object sender, EventArgs e)
        {

           if (chkDirection.Checked == true)
           {
              RadioButtonList1.RepeatDirection = RepeatDirection.Horizontal;
           }
           else
           {
              RadioButtonList1.RepeatDirection = RepeatDirection.Vertical;
           } 
        }
     </script>
 </head>
 <body>
     <h3>RadioButtonList Örneği</h3>
     <form id="form1" runat="server">

         <asp:RadioButtonList id="RadioButtonList2" runat="server">

            <asp:ListItem Value="1">1. Madde</asp:ListItem>
            <asp:ListItem Value="2">2. Madde</asp:ListItem>
            <asp:ListItem Value="3">3. Madde</asp:ListItem>
            <asp:ListItem Value="4">4. Madde</asp:ListItem>
            <asp:ListItem Value="5">5. Madde</asp:ListItem>
            <asp:ListItem Value="xy">6. Madde</asp:ListItem>
         </asp:RadioButtonList>
         <br />
        <asp:CheckBox id="chkLayout" OnCheckedChanged="chkLayout_CheckedChanged" Text="Tablo Görünümü" Checked="true" AutoPostBack="true" runat="server" />
         <br />
         <asp:CheckBox id="chkDirection" OnCheckedChanged="chkDirection_CheckedChanged" Text="Yatay Görüntüle" AutoPostBack="true" runat="server" />

         <br />
         <asp:Button id="Button1" Text="Uygula" onclick="Button1_Click" runat="server"/>
         <br />
         <asp:Label id="Label1" font-names="Verdana" font-size="8pt" runat="server"/>
     </form>
 </body>
 </html>





Bir veri kaynağı bağlantısı örneği verelim.



<head>

    <title>RadioButtonList Example</title>
<script language="C#" runat="server">
    void Page_Load()
    {
        ArrayList liste = new ArrayList();
        liste.Add("Kurtlar Vadisi");
        liste.Add("Ezel");
        liste.Add("Son Samuray");
        liste.Add("Cesur Yürek");
        RadioButtonList1.DataSource = liste;
        RadioButtonList1.DataBind();
    }
</script>
 </head>
 <body>
     <h3>RadioButtonList Koleksiyon Bağlantı Örneği</h3>
     <form id="form1" runat="server">
         <asp:RadioButtonList id="RadioButtonList1" runat="server" DataTextFormatString="Film:{0}" />
     </form>

DataTextFormatString bu özellik ile her bir radio verisine ilk önce "Film" metni eklenecek

Hiç yorum yok:

Yorum Gönder