Tự học guitar, lập trình, khiêu vũ, tennis - Tu hoc guitar, lap trinh, khieu vu, tennis

Trang chủ

Lập trình

ASP .NET

HTMLControls và WebControls

Trước hết là Controls. Nôm na là những nút (buttons), những textbox...

HTMLControl là các control HTML thuần tuý, có nghĩa là những nút mà bạn tạo ra bằng cách dùng button type="button" chẳng hạn.
WebControl là các component do người dùng phát triển.

Mấu chốt của vấn đề là "Động đậy". Bạn hoàn toàn có thể dùng kiểu nào cũng được để tạo một Control, chúng cũng giống nhau và không có gì đáng nói cả. Nôm na là "Nút nào cũng là nút"!
Tuy nhiên chúng ta cần tương tác (Nếu không thì chỉ cần HTML đâu cần nào là ASP, nào là PHP nào là ASP.NET...)
Hãy tưởng tượng một tương tác đơn giản. Bạn có một button, khi ai đó click vào nó sẽ đổi màu chẳng hạn.
Cũng nhớ lại cấu trúc trang ASP.NET

Bỏ qua phần đầu, nếu chúng ta muốn làm tương tác trên, ta có thể dùng

   1. HTMLControls
   2. WebControls

Nếu theo cách đầu, ta phải thực hiện việc đổi màu trong phần HTML. Ngược lại, nếu theo cách sau, ta hoàn toàn có thể làm việc đó trong phần Code Declaration Block

Cụ thể, nếu theo cách đầu, ta sẽ chỉ làm được vài việc với Sub button(Source As Object, e As EventArgs), ví dụ hiện lên thông báo chẳng hạn. Cụ thể những gì ta làm được với HTMLButton Control bạn có thể vào đây tham khảo.

Đây là code ví dụ:

<script runat="server">
Sub button1(Source As Object, e As EventArgs)
   p1.InnerHtml="You clicked the blue button!"
End Sub

</script>

<html>
<body>

<form runat="server">
<button id="b1" OnServerClick="button1"
style="background-color:#e6e6fa;
height=25;width:100" runat="server">
Blue button!
</button>

<p id="p1" runat="server" />
</form>

</body>
</html>

Nếu theo cách thứ hai, bạn có thể vào đây tham khảo các Properties của Button class.

Ví dụ muốn đổi màu, ta có thể sử dụng Property Style.

Đây là code ví dụ:

<script runat="server">
Sub submit(Source As Object, e As EventArgs)
   button1.Style("background-color")="#0000ff"
   button1.Style("color")="#ffffff"
   button1.Style("width")="200px"
   button1.Style("cursor")="pointer"
   button1.Style("font-family")="verdana"
   button1.Style("font-weight")="bold"
   button1.Style("font-size")="14pt"
   button1.Text="You clicked me!"
End Sub
</script>

<html>
<body>

<form runat="server">
<asp:Button id="button1" Text="Click me!" runat="server" OnClick="submit" />
</form>

</body>
</html>

Bạn có thể thử thay đổi màu khác, thay đổi Text, thay đổi ToolTip...

Chúng ta sẽ tiếp tục trong phần sau

Chúc bạn một ngày vui vẻ

< Trước

[ Quay lại ]

Tự học guitar, lập trình, khiêu vũ, tennis - Tu hoc guitar, lap trinh, khieu vu, tennis

Top views