27 Nisan 2018 Cuma

Asp.net radiobutton kullanımı

Asp.net radiobutton kullanımı diğer RadioButton ile bir grup radyo button yapmanızı sağlar. Birden fazla radyo düğmesi için aynı GroupName özelliğini kullanılmaktadır. Aynı isimde tüm radyo buttonları tek bir grup olarak işlev görür. Bir grup içinde bir seferde sadece bir RadioButton seçebilirsiniz. RadioButton grubu RadioButtonList gibi çalışır. RadioButton kontrolü ile RadioButtonList öğelerinden daha fazla kişiseleştirilebilecek özelliklere sahiptir.


Asp.net radiobutton özellikleri


Arka renk, kenarlık rengi, kenarlık stili, yazı tipi adları, yazı tipi kalın, yazı tipi italik, ön renkler (metin rengi) ve daha birçok özellik, RadioButton’u tasarlamanıza yardımcı olur. Ayrıca CSS sınıfı, tema ve cildi destekler. Doğrulama bile RadioButton kontrolü ile çalışır. RadioButton, AutoPostBack özelliği ve CheckChanged olayına sahiptir. Bu özelliği kullanarak bir gruptan hangi RadioButton’un seçileceğini belirleyebilirsiniz.


Bu örnek, iki RadioButton ile bir RadioButton grubu kullanır. Burada AutoPostBack özellik değerini doğru olarak atar ve CheckChanged ile asp.net radio button checked olayını ayarlayabiliriz. Bu gruptan bir RadioButton seçtiğinizde, web tarayıcısı hangi RadioButton’un seçildiğini (kontrol edildiğini) gösterir. Asp.net radiobutton kullanımı için radio button list selected value ile değeri alınarak seçilen radio buttonun tespiti sağlanır.


Asp.net radiobutton örnek


 


<%@ Page Language=”C#” %>


<!DOCTYPE html>


<script runat=”server”>

protected void RadioButton_CheckedChanged(object sender,System.EventArgs e)

if (RadioButton1.Checked == true)


Label1.Text = “Your selected item is : ” +

RadioButton1.Text;


else

Label1.Text = “Your selected item is : ” +

RadioButton2.Text;



</script>


<html xmlns=”http://www.w3.org/1999/xhtml”>

<head runat=”server”>

<title>How to use RadioButton control in asp.net</title>

</head>

<body style=”padding:25px”>

<form id=”form1″ runat=”server”>

<div>

<h2 style=”color:MidnightBlue; font-style:italic;”>

How to use RadioButton control

</h2>

<hr width=”450″ align=”left” color=”Gainsboro” />

<asp:Label

ID=”Label1″

runat=”server”

Font-Bold=”true”

Font-Names=”Comic Sans MS”

ForeColor=”Crimson”

Font-Italic=”true”

Font-Size=”X-Large”

/>

<br /><br />

<asp:Label

ID=”Label2″

runat=”server”

Text=”Choose an item…”

Font-Bold=”true”

Font-Names=”Book Antiqua”

Font-Size=”Larger”

Font-Underline=”true”

/>

<br />

<asp:RadioButton

ID=”RadioButton1″

runat=”server”

Text=”ASP.NET”

GroupName=”Software”

AutoPostBack=”true”

OnCheckedChanged=”RadioButton_CheckedChanged”

Font-Bold=”true”

Font-Names=”Courier New”

Font-Size=”XX-Large”

ForeColor=”Navy”

/>

<asp:RadioButton

ID=”RadioButton2″

runat=”server”

Text=”ColdFusion”

GroupName=”Software”

AutoPostBack=”true”

OnCheckedChanged=”RadioButton_CheckedChanged”

Font-Bold=”true”

Font-Names=”Courier New”

Font-Size=”XX-Large”

ForeColor=”Navy”

/>

</div>

</form>

</body>

</html>


Ayrıca radio düğmesi olarak yada radio button grup kullanımı mümkün kılar. Yeni eklenen devexpress ve telerik gibi komponentlerde farklı özelliklere sahip sürükle bırak ve daha fazla fonksiyon ile radio button versiyonları üretilmiştir.


 


 



Asp.net radiobutton kullanımı

Hiç yorum yok:

Yorum Gönder