کنترل های CheckBox و CheckBoxList

taherehfelegari الثلاثاء نوفمبر 24, 2009 11:51 am

با استفاده از چک باکس گزینه هایی را به صورت «بلی»/«خیر» یا Yes/No نمایش می دهند. اگر چند چک باکس را با یکدیگر دسته بندی کنیم، می توانیم مجموعه ای را در اختیار کاربر قرار بدهیم که بر خلاف دکمه های رادیویی، چند انتخابی است.
دو کنترلی که در صفحات Asp.net برای ارائه چک باکس به کار می روند CheckBox و CheckBoxList هستند.

کنترل CheckBox :
با استفاده از این کنترل می توانیم یک چک باکس تک انتخابی ساده را روی صفحات وب فرمی خود قرار دهیم.

کنترل CheckBoxList :
این کنترل هم مثل کنترل CheckBox برای نمایش گزینه های جک باکسی به کار می رود، ولی میتواند بیشتر از یک چک باکس را اداره کند. هر آیتم در این کنترل خود یک چک باکس است که می تواند علامت داشته باشد یا نداشته باشد.

برای افزودن چک باکس به این کنترل مثل RadioButtonList سه راه در اختیار داریم:
1. معرفی چک باکس ها در زمان اعلان کنترل
2. افزودن مستقیم آیتم ها به کلکسیون Items
3. مقید کردن کنترل به یک منبع داده ای

در مورد این سه راه در جلسه قبل توضیحاتی دادم که در اینجا از آن صرفه نظر می کنم.

شناسایی آیتم انتخاب شده در یک CheckBoxList :
کنترل CheckBoxList دارای دو خصوصیت SelectedIndex و SelectItem است که اولی شماره اندیس آیتم انتخب شده و دوم خود آیتم انتخاب شده را بر می گرداند.
*نکته:
«کنترل RadioButtonList هم مثل CheckBoxList دارای این دو خصوصیت می باشد، ولی با این تفاوت که در کنترل CheckBoxList می توانیم چند آیتم انتخاب شده داشته باشیم.»

برای گرفتن تمام آیتم های انتخاب شده در CheckBoxList ، باید خود کلکسیون Items را در یک حلقه مورد بررسی قرار بدهیم. به ازای هر آیتمی که در لیست وجود داشته باشد، خصوصیت Selected آن یا True است یا False .

کد زیر طریقه استفاده از این خصوصیت و تعیین آیتم های انتخاب شده در یک CheckBoxList را نشان می دهد.
کد:

CheckBoxListMultiSelect.aspx
<script Runat="server">
Sub Button_click( s As Object, e As EventArgs )
Dim itmColor As ListItem
Dim strList As String
For each itmColor in favoritColor.Items
If itmColor.Selected Then
strList &= "<li>" & itmColor.Text
End If
Next
lblSelected.Text = strList
End Sub
</script>
<html>
<head><title>CheckBoxListMultiSelect</title></head>
<body>
<form Runat="server">
<asp:CheckBoxList
ID="favoritColor"
Runat="server">
<asp:ListItem Text="Red" />
<asp:ListItem Text="Blue" Selected="True" />
<asp:ListItem Text="Yellow" />
</asp:CheckBoxList>
<p>
<asp:Button
Text="Submit !"
OnClick="Button_Click"
Runat="server" />
</p><hr>
You Picked:
<asp:Label
Id="lblSelected"
Runat="server" />
</form>
</body></html>