Chương 5: Thiết kế Website với MasterPage

Bạn đang gặp vấn đề thiết kế layout chung cho website của mình? MasterPage có thể làmột đáp án tốt cho bạn giải quyết bài toán trên.Với MasterPage để tạo một giao diện chung nhất cho Website của mình. Ví dụ website củabạn có layout gồm 5 phần banner, footer, left, rightVà content(phần chứa nội dung hiển thị cho các tin). Như vậy bạn có thể thấy trên trangweb có các phần có cách trình bầy không thay đổi trong quá trình duyệt tin. banner, footer,left, right: bạn có thể để các phần này vào một MasterPage và tất các...
Nội dung trích xuất từ tài liệu:
Chương 5: Thiết kế Website với MasterPageChương 5 Thiết kế Website với MasterPageBạn đang gặp vấn đề thiết kế layout chung cho website của mình? MasterPage có thể làmột đáp án tốt cho bạn giải quyết bài toán trên.Với MasterPage để tạo một giao diện chung nhất cho Website của mình. Ví dụ website củabạn có layout gồm 5 phần banner, footer, left, rightVà content(phần chứa nội dung hiển thị cho các tin). Như vậy bạn có thể thấy trên trangweb có các phần có cách trình bầy không thay đổi trong quá trình duyệt tin. banner, footer,left, right: bạn có thể để các phần này vào một MasterPage và tất các trang web trongwebsite của bạn sẽ áp dụng layout này thông qua contentpageI. Tạo MasterPageCác bước tạo MasterPage giống với tạo các trang aspx bình thường nhưng trên hộp AddNew Item bạn chọn MasterPage bạn thấy dưới ô đặt tên phần mở rộng của nó sẽ làMaster. Bạn có thể tạo nhiều MasterPage cho ứng dụng web của mình.Ví dụ:Code 1. MasterPage html{ background-color:#e5e5e5; font-family:Verdana;} .content{ background-color:White; border:black 1px solid; width:700px; margin:auto;} .leftcolumm{ float:left; border-right:black 1px solid; width:200px; padding:5px;height:300px} .rightcolumm{ float:left; padding:5px; height:300px} Để sử dụng MasterPage cho các trang aspx bạn cần khai báo trên chỉ dẫn với thuộc tính MasterPageFile=”Tên _MasterPage của bạn”ví dụcode 2 Trinh bay menu Left Trinh bay menu Left Trinh bay menu Left Trinh bay menu Left Trinh bay noidung Trinh bay noidung Trinh bay noidung Trinh bay noidungTrên trang aspx bạn khai báo 2 điều khiển asp:content và trong thuộc tính của nó bạn thiếtlập ContentPlaceHolderID=”Ten_Placeholder trong trang masterPage”.Tạo một Content mặc địnhBạn không thể kết hợp một điều khiển Content với tất cả các điều khiểnContentPlaceHolder. Khi trên trang MasterPage của bạn có 3 ContentPlaceHolder mà trongtrang aspx của bạn chỉ sử dụng hai điều khiển aspContent và chỉ đến 2 ContentPlaceHoldertrên trang MasterPage khi đó mặc định ContentPlaceHolder thứ 3 vẫn được hiển thị.Đăng ký Master Page trong WebConfigurationBạn có thể áp dụng MasterPage cho tất cả các trang trong một Folder hay tất cả cácContent trong ứng dụng web của mình.Thay vì việc trong mỗi trang aspx bạn phải gọi lời chỉ dẫn trang thẻ chỉ dẫn thì bạn có thể thêm nó vào trong file webconfigurationTrong ví dụ dưới đây là cách bạn sẽ đăng ký một trang SimpleMasterPage vào ứng dụngweb của mình để có thể áp dụng cho tất cả các trang trong foder(Sub Folder) chứaChú ý rằng file web.config này phải cùng nằm trong foleder đó: Sử dụng FindControl trong MasterPage.Khi bạn cần chỉnh sửa hay lấy thông tin của 1 điều khiển từ MasterPage bạn có thể sửdụng phương thức FindControl() trong một Content PageVí dụTrang Findcontrol.master Findcontrol Trang Findcontrol.aspx void Page_Load(object sender, EventArgs e) { Label lbl = (Label)Master.FindControl(lblTitle); lbl.Text = Trung tam dao tao cong nghe cao iTechPro; }Lay gia tri tu masterpageLay gia tri tu masterpageLay gia tri tu masterpageLay gia tri tu masterpageLay gia tri tu masterpageTrình bày thuộc tính MasterPageBạn có thể trình bày thuộc tính , phương thức từ MasterPage và có thể chỉnh sửa thuộc tínhhay phương thức từ trang Content.Ví dụTrang Expose.master public string BodyTitle { get { return lblBody.Text; } set { lblBody.Text = value; } } Expose MasterPage Property Trang Expose.aspx void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { Master.BodyTitle = Trung tam dao tao cong nghe cao iTechPro; } }Property, Property, Property, Property, Property, Property, Property, Property, Property, Property, Property, Property, Property, Property, Property,Property, Property, Property, Property, PropertyTrong ví dụ trên bạn sẽ thấy một điểm mới đó là chỉ dẫn MasterType, để sử dụng đượcthuộc tính hay phương thức từ MasterPage ta phải thêm vào chỉ dẫn MasterType và đặtthuộc tính VirtualPath=”Ten_Mastepage”.1 ...