Ngôn ngữ ASP.NET - ĐKhiển RadioButtonList
Bài trước
Bài sau

Điều khiển RadioButtonList của Web Form

Dùng để tạo ra nhóm các RadioButtonList, cho phép người sử dụng chọn một trong nhiều chọn lựa. Đây là điều khiển danh sách nên nó cũng có thuộc tính items chứa tập hợp các mục chọn
Để tạo RadioButtonList bạn có thể viết code hoặc kéo thả từ công cụ trực quan của Visual Studio.

Cú pháp tạo điều khiển RadioButtonList phía Server:

<asp:RadioButtonList ID="rdilst" runat="server">
    <asp:ListItem>Công nghệ phần mềm</asp:ListItem>
    <asp:ListItem>Hệ thống thông tin</asp:ListItem>
    <asp:ListItem>Mạng máy tính</asp:ListItem>
    <asp:ListItem>Khoa học máy tính</asp:ListItem>
</asp:RadioButtonList>

Phía server xử lý code trên trả về cho trình duyệt dạng HTML:

 <table id="rdilst">
	<tr>
		<td><input id="rdilst_0" type="radio" name="rdilst" value="Công nghệ phần mềm" /><label for="rdilst_0">Công nghệ phần mềm</label></td>
	</tr><tr>
		<td><input id="rdilst_1" type="radio" name="rdilst" value="Hệ thống thông tin" /><label for="rdilst_1">Hệ thống thông tin</label></td>
	</tr><tr>
		<td><input id="rdilst_2" type="radio" name="rdilst" value="Mạng máy tính" /><label for="rdilst_2">Mạng máy tính</label></td>
	</tr><tr>
		<td><input id="rdilst_3" type="radio" name="rdilst" value="Khoa học máy tính" /><label for="rdilst_3">Khoa học máy tính</label></td>
	</tr>
</table>

Bảng thuộc tính điều khiển RadioBoxList

Thuộc tính Ý nghĩa
(ID) Qui định tên của điều khiển. Tên của điều khiển là duy nhất.
AccessKey Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng.
BackColor Qui định màu nền của điều khiển.
CssClass Qui định hình thức hiển thị của điều khiển qua tên CSS.
Enabled Qui định điều khiển có được hiển thị hay không. Giá trị mặc định của thuộc tính này là True – được phép hiển thị.
Font Qui định Font hiển thị cho điều khiển
ForeColor Qui định màu chữ hiển thị trên điều khiển
Height Qui định chiều cao của điều khiển
ToolTip Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển.
Width Qui định độ rộng của điều khiển.
AutoPostBack Thuộc tính này qui định điều khiển có được phép tự động PostBack về Server khi chỉ số của mục chọn bị thay đổi. Giá trị mặc định của thuộc tính này là False - không tự động Postback.
Items Đây là tập hợp chứa các mục chọn của điều khiển. Ta có thể thêm vào mục chọn vào thời điểm thiết kế thông qua cửa sổ ListItem Collection Editor, hoặc thông qua lệnh.
RepeatColumns Số cột hiển thị.
RepeatDirection Hình thức hiển thị
Vertical: chiều dọc
Horizontal: chiều ngang

Window thuộc tính của RadioButtonList

Ví dụ: Tạo trang web RadioButtonList.aspx cho người sử dụng chọn chuyên ngành yêu thích sau:

Bước 1: Kéo RadioButtonList từ thanh toolbox vào trang web 

Bước 2: Chọn mục Edit Items mở một window mới như sau. Ban đầu không có dữ liệu, click vào nút add để thêm Text và Value cho RadioButtonList.

Sau đó click vào Ok

Code trang RadioButtonList.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadioButtonList.aspx.cs" Inherits="RadioButtonList" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    <table style="width: 51%;">
        <tr>
            <td><b>Bạn yêu thích chuyên ngành nào?</b></td>
        </tr>
        <tr>
            <td>
   
    <div>
    
        <asp:RadioButtonList ID="rdilst" runat="server">
            <asp:ListItem>Công nghệ phần mềm</asp:ListItem>
            <asp:ListItem>Hệ thống thông tin</asp:ListItem>
            <asp:ListItem>Mạng máy tính</asp:ListItem>
            <asp:ListItem>Khoa học máy tính</asp:ListItem>
        </asp:RadioButtonList>
    
    </div>
   
            </td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="btnView" runat="server" OnClick="btnView_Click" Text="Xem chuyên ngành đã chọn" Width="227px" />
            </td>
        </tr>
        <tr>
            <td><b>Chuyên ngành bạn yêu thích là:</b></td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="lblChoose" runat="server" Text="Label"></asp:Label>
            </td>
        </tr>
    </table>
    
    </div>
    </form>
</body>
</html>

Code behind RadioButtonList.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class RadioButtonList : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnView_Click(object sender, EventArgs e)
    {
        lblChoose.Text = rdilst.SelectedValue.ToString();
    }
}

Thực thi trang web cho kết quả

Chọn mục sau đó click vào button cho kết quả

 



Bài trước
Bài sau

HiepsiitMe Facebook Twitter Pinterest LinkedIn

 

 

×