Ngôn ngữ ASP.NET - Điều khiển Button

Điều khiển Button của Web Forms

Điều khiển Button mặc định đều là các nút Submit Button, mỗi khi được nhấn vào sẽ PostBack về Server. Để tạo Button bạn có thể viết code hoặc kéo thả từ công cụ trực quan của Visual studio
Khi chúng ta thiết lập giá tri thuộc tính CommandName cho các điều khiển này, chúng ta gọi tên chung cho các điều khiển này là Command Button
Cú pháp tạo các nút điều khiển phía sever

1. Button

 <asp:Button ID="Button1" runat="server" Text="Button" />

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

<input name="Button1" value="Submit" id="Button1" title="Submit" style="border-style:Solid;" type="submit"> 

Điều khiển Button có các thuộc tính thường dùng: 

Thuộc tính Kiểu Ý nghĩa
(ID) Chuỗi Qui định tên của điều khiển. Tên của điều khiển là duy nhất.
AccessKey String Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng.
Attributes AttributeCollection Tập hợp các thuộc tính của điều khiển HTML
BackColor Color Qui định màu nền của điều khiển.
BorderColor Color Qui định màu đường viền của điều khiển.
BorderStyle BorderStyle Qui định kiểu đường viền của điều khiển.
Text String Hiển thị chuỗi ra Lable
CommandName String Tên lệnh. Được sử dụng trong sự kiện Command
BorderWidth Unit Qui định độ rộng của đường viền.
CssClass String Qui định hình thức hiển thị của điều khiển qua tên CSS.
Enabled Boolean 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 FontInfo Qui định Font hiển thị cho điều khiển
ForeColor Color Qui định màu chữ hiển thị trên điều khiển
Height Unit Qui định chiều cao của điều khiển
ToolTip String Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển.
Width Unit Qui định độ rộng của điều khiển.

Ví dụ: Tạo Website TinhToan.aspx gồm các điều khiển: Label, Textbox, Button

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .auto-style1 {
            width: 123px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <table style="width:100%;">
            <tr>
                <td colspan="2" align="center">Tính Tiền</td>
            </tr>
            <tr>
                <td class="auto-style1">Số lượng :</td>
                <td>
                    <asp:TextBox ID="txtSoLuong" runat="server" TextMode="Number" Width="159px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Đơn giá:</td>
                <td>
                    <asp:TextBox ID="txtDonGia" runat="server" TextMode="Number" Width="159px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Thành tiền:</td>
                <td>
                    <asp:TextBox ID="txtThanhTien" runat="server" TextMode="Number" Width="157px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">&nbsp;</td>
                <td>
                    <asp:Button ID="btnTinhTien" runat="server" OnClick="btnTinhTien_Click" Text="Tính tiền" Width="68px" />
                </td>
            </tr>
        </table>
    
    </div>
    </form>
</body>
</html>

Code Behind

 TinhToan.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 TinhToan : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnTinhTien_Click(object sender, EventArgs e)
    {
        int soluong = int.Parse(txtSoLuong.Text);
        int dongia = int.Parse(txtDonGia.Text);
        int thanhtien = soluong * dongia;
        txtThanhTien.Text = thanhtien.ToString();

    }
}

Khi thi hành ứng dụng