Minh Họa Sử Dụng Điều Khiển Radiobuttonlist

for (i = 0; i <= check1.Items.Count - 1; i++) if (check1.Items[i].Selected)

mess.Text += check1.Items[i].Text + "<br />";

}

- Điều khiển RadioButtonList

RadioButtonList Control được sử dụng để tạo một nhóm những radio button.

Mỗi item trong RadioButtonList Control được định nghĩa bởi một thẻ ListItem.

Các thuộc tính:

Thuộc tính

Mô tả
CellPadding	Khoảng cách giữa viền và nội dung bên trong của một cell
CellSpacing	Khoảng cách giữa các cell
RepeatColumns	Số cột sử dụng để hiển thị nhóm radio button
RepeatDirection	Xác định hướng nhóm radio button hiển thị theo chiều dọc hay theo chiều ngang
RepeatLayout	Layout của nhóm các radio button
Runat	Xác định Control là Server Control. Phải xác định là “Server”
TextAlign	Xác định text sẽ xuất hiện bên phía nào của radio button

Có thể bạn quan tâm!

Xem toàn bộ 285 trang tài liệu này.

Ví dụ: Trang aspx như sau :

<body>

<asp:RadioButtonList id="radiolist1" runat="Server">

<asp:ListItem selected="true">Item 1</asp:ListItem>

<asp:ListItem>Item 2</asp:ListItem>

<asp:ListItem>Item 3</asp:ListItem>

<asp:ListItem>Item 4</asp:ListItem>

</asp:RadioButtonList><br />

<asp:Button text="Submit" OnClick="submit" runat="Server"/>

</Form>

</body>

Code phia Server như sau :

public partial class RadioButtonList : System.Web.UI.Page

{

protected void submit(object sender, EventArgs e)

{

Label1.Text = "Bạn đã chọn " + radiolist1.SelectedItem.Text;

}

Giao diện gồm có một RadioButtonList Control và một Button Control và một Label Control. Tạo hàm quản lý sự kiện cho sự kiện Click để hiển thị text và item được chọn lên Label Control.

Hình 3.35. Minh họa sử dụng điều khiển RadioButtonList

- Điều khiển Panel

Panel Control được sử dụng như là một vật chứa cho các Control khác.

Các thuộc tính:

Thuộc tính

Mô tả
BackImageUrl	Xác định URL để file hình được hiện thị như là background cho Control này
DefaultButton	Xác định ID của button mặc định trong panel
Direction	Xác định hướng hiển thị nội dung của panel
GroupText	Xác định caption cho nhóm những Control trong panel
HorizontalAlign	Xác định việc sắp xếp nội dung theo chiều ngang
Runat	Xác định Control là một Server Control. Phải được xác định là “Server
ScrollBars	Xác định và hiển thị của scroll bar trong panel
Wrap	Xác định nội dung có được bao lại hay không.

Ví dụ: Trang aspx như sau :

<body>

<asp:Panel id="panel1" runat="Server" BackColor="#ff0000" Height="100px" Width="100px">

Hello World!

</asp:Panel>

<asp:CheckBox id="check1" Text="Ẩn Panel Control" runat="Server"/> <br/>

<asp:Button ID="Button1" Text="Load lại" runat="Server" />

</Form>

</body>

Code phía Server như sau :

public partial class Panel : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (check1.Checked) panel1.Visible = false;

else

panel1.Visible = true;

}

Giao diện gồm có một Panel Control, một CheckBox Control và một Button Control. Khi người dùng chọn và CheckBox Control và click vào button Load lại thì Panel Control sẽ ẩn đi.

Hình 3.36. Minh họa sử dụng điều khiển Panel

- Điều khiển PlaceHolder

PlaceHolder Control được sử dụng để dành khoảng trông cho những Control khác để thêm vào bằng code.

- Điều khiển Table

Table Control được sử dụng với TableCell và TableRow Control để tạo một table

Các thuộc tính:

Thuộc tính

Mô tả
BackImageUrl	URL của hình được sử dụng làm nền của table
Caption	Tên của bảng
CaptionAlign	Sắp xếp caption
CellPadding	Khoảng cách giữa nội dung và viền của cell
CellSpacing	Khoảng cách giữa các cell
GridLines	Định dạng gridline trong table
HorizontalAlign	Sắp xếp bảng theo chiều ngang trên trang
Rows	Tập hợp tất cả các dòng trong table
Runat	Xác định Control là một Server Control. Phải được xác định là “Server”

Ví dụ: Trang aspx như sau :

<body>

<asp:Table id="Table1" BorderWidth="1" GridLines="Both" runat="Server" />

</Form>

</body>

Code phía Server như sau :

public partial class Table : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e){ int rows, cells, j, i; rows = 3; cells = 2;

for (j = 0; j <= rows - 1; j++) { TableRow r = new TableRow(); for (i = 0; i <= cells - 1; i++) { TableCell c = new TableCell();

c.Controls.Add(new LiteralControl("row " + j + ", cell " + i)); r.Cells.Add(c);

}

Table1.Rows.Add(r);

}

Hình 3.36. Minh họa sử dụng điều khiển Table

- Điều khiển TableCell

TableCell được sử dụng cùng với Table Control và TableRow Control để tạo một cell trong một table.

Các thuộc tính:

Thuộc tính

Mô tả
AssociatedHeaderCellID	Một danh sách các table header cell liên hệ với TableCell Control
ColumnSpan	Số cột mà cell mở rộng
HorizontalAlign	Sắp xếp nội dung theo chiều ngang trong table cell
RowSpan	Số dòng mà cell mở rộng
Runat	Xác định Control là một Server Control. Phải được xác định là “Server”
Text	Xác định nội dung bên trong của cell
VerticalAlign	Sắp xếp nội dung theo chiều ngang trong table cell
Wrap	Xác định nội dung có được bao hay không

- Điều khiển TableRow

TableRow Control được sử dụng cùng với TableCell và Table Control để tạo một dòng trong Table.

Các thuộc tính:

Thuộc tính

Mô tả
HorizontalAlign	Sắp xếp nội dung theo chiều ngang trong table row
TableSection	Định vị đối tượng TableRow trong table Control
VerticalAlign	Sắp xếp nọi dung theo chiều dọc trong table row

- Điều khiển AdRotator

AdRotator Control được sử dụng để hiện thị tuần tự những hình quảng cáo trên trang Web. Control này sử dụng file XML để lưu trữ thông tin quảng cáo. File XML phải bắt đầu và kết thúc với thẻ <Advertisements>. Bên trong thẻ <Advertisements> có thể có nhiều thẻ <Ad>. Những thẻ nằm trong thẻ <Ad> được liệt kê sau đây:

Thẻ

Mô tả
ImageUrl	Tùy chọn. Đường dẫn tới file hình ảnh
NavigateUrl	Tùy chọn. URL tới link nếu người dùng click vào quảng cáo
AlternateText	Tùy chọn. Text thay thế cho hình
Keyword	Tùy chọn. Loại quảng cáo
Impressions	Tùy chọn. Hiển thị tỷ lệ phần trăm của những người click

Các thuộc tính:

Thuộc tính

Mô tả
AdvertisementFile	Xác định đường dẫn tới file XML chứ thông tin quảng cáo
AlternateTextField	Xác định trường dữ liệu được sử dụng thay cho Alt text
ImageUrlField	Xác định trường dữ liệu được sử dụng thay cho thuộc tính ImageURL
KeywordFilter	Xác định một bộ lóc để giới hạn những quảng cáo sau những loại
NavigateUrlField	Xác định trường dữ liệu được sử dụng thay cho thuộc tính NavigateUrl cho một quảng cáo
Runat	Xác định Control là một Server Control. Phải được xác định là “Server”
Target	Xác định nơi mở URL.

Ví dụ: Trang aspx như sau :

<body>

<asp:AdRotator ID="AdRotator1" AdvertisementFile="Ad1.xml" runat="Server" OnAdCreated="change_url" target="_blank" />

</Form>

</body>

Code phía Server như sau :

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void change_url(object sender, AdCreatedEventArgs e)

{

e.NavigateUrl = "http://www.w3schools.com";

}

File XML như sau :

<?xml version="1.0" encoding="utf-8" ?>

<Ad> <ImageUrl>Smile.jpg</ImageUrl>

<NavigateUrl>http://www.w3schools.com</NavigateUrl>

<AlternateText>W3Schools Main Site</AlternateText>

<Keyword>elearning</Keyword> </Ad>

<Ad>

<NavigateUrl>http://www.w3schools.com/xhtml/default.asp</NavigateUrl>

<AlternateText>XHTML Tutorial</AlternateText>

<Keyword>XHTML</Keyword></Ad>

</Advertisements>

- Điều khiển Calendar

Calendar Control được sử dụng để hiển thị một calendar trong trang Web. Control này hiển thị lịch một tháng để người dùng chọn ngày và di chuyển tới những tháng sau

và những tháng trước.

Các thuộc tính:

Thuộc tính

Mô tả
Caption	Đầu đề của lịch
CaptionAlign	Sắp xếp đầu đề của lịch
CellPadding	Khoảng cách giữa các cell và nội dung
CellSpacing	Khoảng cách giữa các cell
DayHeaderStyle	Style để hiển thi tên của ngày

Định dạng hiển thị những tên của ngày
DayStyle	Style hiển thị ngày
FirstDayOfWeek	Xác địng ngày nào là ngày đầu tuần
NextMonthText	Text được hiển thị cho link tới tháng tiếp theo
NextPrevFormat	Định dạng link tới tháng trước và tháng tiếp theo
NextPreStyle	Style để hiển thị link tới tháng trước và tháng tiếp theo
OtherMonthDayStyle	Style để hiển ngày mà không phải ngày hiện tại
PrevMonthText	Text hiển thi link tới tháng trước.
Runat	Xác định Control là một Server Control. Phải được xác định là “Server”
SelectedDate	Ngày được chọn
SelectedDates	Những ngày được chọn
SelectedDayStyle	Style để cho ngày được chọn
SelectionMode	Làm thế nào người dùng chọn một ngày
SelectMonthText	Text hiển thị link chọn tháng
SelectorStyle	Style cho link chọn tuần và tháng
SelectWeekText	Text hiển thị cho link chọn tuần
ShowDayHeader	Giá trị boolean xác định các ngày của tuần có được hiển thị hay không
ShowGridLines	Giá trị boolean xác định lưới phân cách giữa các ngày có hiển thị hay không
ShowNextPrevMonth	Giá trị boolean xác định có hiện link tới tháng trước và tháng tiếp theo hay không
ShowTitle	Giá trị boolean xác định tựa đề của lịch có hiện hay không
TitleFormat	Định dạng tựa đề của lịch
TitleStyle	Style của tựa đề của lịch
TodayDayStyle	Style cho ngày hiện tại
TodayDate	Ngày hiện tại
UseAccessibleHeader	Xác định sử dụng thẻ <th> cho những ngày của tuần (Thứ) thay cho thẻ <td>
VisibleDate	Xác định ngày hiện tại có hiển thị trong lịch hay không
WeekendDayStyle	Style cho những ngày cuối tuần
OnDayRender	Tên của hàm được thực thi khi mỗi cell ngày được tạo

DayNameFormat

Xem toàn bộ nội dung bài viết ᛨ