Phần I : Các kĩ thuật tạo trang tài liệu
Phần II: ASP .NET
2.4 ASP.NET Web form
2.4.13.1 Cấu trúc của UserControl
Một User Control tương tự như một Web Form hoàn chỉnh, với cả hai giao diện người dùng và mã ẩn. Tuy nhiên trang giao diện người dùng có một số điểm khác biệt với Web Form:
. file User Control có tên mở rộng là .ascx.
. Trong User Control khơng cịn thẻ <HTML>, <BODY> và thẻ <FORM>
Một User Control cũng như môt trang Web Form. Ta có thể sử dụng các thành phần HTML và Web Control trong User Control hoàn toàn giống với cách làm như với trang Web Form. Ví dụ ta có thể tạo một user control để sử dụng như toolbar, đặt vào trong đó các Button Web server control tạo sự kiện và nắm bắt các sự kiện đó.
2.1.13.2Tạo Web User Control:
Đoạn mã sau tạo một Web user control đơn giản được sử dụng như là một menụ Có bốn menu lựa chọn là các thành phần Hyperlink:
<%@ Control Language="vb" AutoEventWireup="false"
Codebehind="menụascx.vb" Inherits="myProj.menu"%> <P>
<asp:HyperLink id=lnkLogin runat="server" _
NavigateURL="Login.aspx">Login</asp:HyperLink> <asp:HyperLink id=lnkAđToCart runat="server" _
NavigateURL="Cart.aspx>Ađ to Cart</asp:HyperLink> | <asp:HyperLink id=lnkTechSupport runat="server" _
NavigateURL="TechSupport.aspx">Technical Support </asp:HyperLink> |
<asp:HyperLink id=lnkAbout runat="server" _
NavigteURL="AboutUs.aspx">About Us</asp:HyperLink> </P>
Thêm các User Control vào Web Form
Ta có thể thêm một Web User Control vào Web Form bằng việc thêm một chỉ thị @ Register và một thẻ cho control đến trang. Bằng cách này control đó đã trở thành một phần của trang và nó được biểu diễn khi trang dược xử lý. Hơn nữa các thuộc tính cơng cộng, sự kiện, phương thức được phơi bày ra cho trang và có thể lập trình được ta cũng có thể thêm vào trang các user control một theo cách lập trình.
Để thêm một User Control vào trang Web Form, tại đầu trang trước cả thẻ <HTML> phải thêm một chỉ thị để đăng ký thơng báo cho trang khi nó được xử lý. Chỉ thị ta đưa vào có gắn với một tên và một namespace bằng giá trị cụ thể:
<%@ Register TagPrefix="myNameSpace" TagName = "myUserControl" Src="userControl1.ascx" %>
Thuộc tính Miêu tả
TagPrefix Chỉ định một namespace duy nhất cho user Control, vì vậy trong trang của ta có thể có nhiều user control có tên giống nhau, nhưng chúng có thể là hồn tồn khác nhaụ Ví dụ
TagName Được dùng để đặt tên cho User control. Tên này được sử dụng trong sự liên kết với tag prefix để xác định namespace duy nhất cho control của ta <myNameSpace:myUserControl ... />
Src "/MyApp/Include/UserControl1.ascx". Thuộc tính Src là đường dẫn ảo tới user control, ví dụ: .
Trong thẻ <BODY> của trang, tạo một thẻ cho control tại nơi mà ta muốn nó thể hiện. Sử dụng TagPrefix và Tagname mà ta đã đăng ký với thuộc tính runat=”server” như đoạn mã sau:
<myNameSpace:myUserControl ID="mnuMain" runat="server" /> Nếu control của ta có thuộc tính, ta có thể đặt cho nó trong lúc thiết kế, các thuộc tính đó thường có giá trị ngay trong thẻ:
<myNameSpace:myUserControl ID="mnuMain" runat="server"
selected="Login" backColor="black" />
Tạo một Web User Control
Ta có thể dùng một trình soạn thảo text hay bất kỳ trình soạn thoả HTML nào để tạo một Web User control. Cú pháp để định nghĩa một User control rất giông như Web For; điểm khác biệt chính là các User control khơng có các thẻ <HTML>,<BODY> và <FORM> trên nội dung của nó.
User control chó thể là các file text đơn giản hay có thể chứa các điều khiển phía server. Sau đây là một mã tạo một form login đơn giản mà ta có thể đưa vào nhiều trang trong ứng dụng của ta:
Trước hết để khai báo hai thuộc tính mới trong control của ta và thao tác nó với các thành phần ASP khác:
[Visual Basic]
<script language="VB" runat="server"> Public Property UserId() As [String] Get Return User.Text End Get Set User.Text = value End Set
End Property
Public Property Password() As [String] Get Return Pass.Text End Get Set Pass.Text = value End Set End Property </script>
Sau đó đặt tên cho control của ta và save nó với tên file mở rộng là .ascx