tutorial pengembangan web terbaru
 

ASP.NET Formulir Web - Server Controls


kontrol server adalah tag yang dipahami oleh server.


Keterbatasan dalam ASP Classic

daftar di bawah ini disalin dari bab sebelumnya:

<html>
<body bgcolor="yellow">
<center>
<h2>Hello w3ii!</h2>
<p> <%Response.Write(now())%> </p>
</center>
</body>
</html>

Kode di atas menggambarkan keterbatasan dalam ASP Classic: Blok kode harus ditempatkan di mana Anda ingin output muncul.

Dengan ASP Classic adalah mustahil untuk memisahkan kode dieksekusi dari HTML itu sendiri. Hal ini membuat halaman sulit dibaca, dan sulit untuk mempertahankan.


ASP.NET - Server Controls

ASP.NET telah memecahkan "spaghetti-code" masalah yang dijelaskan di atas dengan server kontrol.

kontrol server adalah tag yang dipahami oleh server.

Ada tiga jenis kontrol server:

  • HTML Server Controls - tag HTML Tradisional
  • Web Server Controls - tag ASP.NET Baru
  • Validasi Server Controls - Untuk validasi input

ASP.NET - HTML Server Controls

server kontrol HTML adalah tag HTML dipahami oleh server.

elemen HTML dalam file ASP.NET adalah, secara default, diperlakukan sebagai teks. Untuk membuat elemen-elemen ini diprogram, menambahkan runat = "server" atribut untuk elemen HTML. Atribut ini menunjukkan bahwa elemen harus diperlakukan sebagai DNS server. The id atribut ditambahkan untuk mengidentifikasi server DNS. Referensi id dapat digunakan untuk memanipulasi DNS server pada jangka waktu.

Note: Semua server kontrol HTML harus berada dalam <form> tag dengan runat="server" atribut. The runat="server" atribut menunjukkan bahwa bentuk harus diproses di server. Hal ini juga menunjukkan bahwa kontrol tertutup dapat diakses oleh skrip server yang.

Pada contoh berikut kita mendeklarasikan sebuah DNS server HtmlAnchor dalam file .aspx. Kemudian kita memanipulasi HRef atribut kontrol HtmlAnchor dalam sebuah event handler (an event handler is a subroutine that executes code for a given event) . Acara Page_Load adalah salah satu dari banyak peristiwa yang ASP.NET memahami:

<script runat="server">
Sub Page_Load
link1.HRef="http://www.w3ii.com"
End Sub
</script>

<html>
<body>

<form runat="server">
<a id="link1" runat="server">Visit w3ii!</a>
</form>

</body>
</html>

Kode dieksekusi itu sendiri telah dipindahkan di luar HTML.


ASP.NET - Web Server Controls

kontrol server web adalah tag ASP.NET khusus yang dimengerti oleh server.

Seperti HTML server kontrol, kontrol server Web juga dibuat pada server dan mereka memerlukan runat = "server" atribut untuk bekerja. Namun, kontrol server Web tidak perlu peta untuk setiap elemen HTML yang ada dan mereka mungkin mewakili unsur-unsur yang lebih kompleks.

Sintaks untuk menciptakan kontrol server Web adalah:

<asp:control_name id="some_id" runat="server" />

Pada contoh berikut kita mendeklarasikan sebuah server DNS Tombol dalam file .aspx. Kemudian kita membuat event handler untuk Klik acara yang mengubah teks pada tombol:

<script runat="server">
Sub submit(Source As Object, e As EventArgs)
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>

ASP.NET - Validasi Server Controls

kontrol validasi server yang digunakan untuk memvalidasi input pengguna. Jika user-input tidak lulus validasi, maka akan muncul pesan kesalahan kepada pengguna.

Setiap kontrol validasi melakukan jenis tertentu validasi (seperti memvalidasi terhadap nilai tertentu atau kisaran nilai).

Secara default, halaman validasi dilakukan ketika sebuah Button, ImageButton, atau kontrol LinkButton diklik. Anda dapat mencegah validasi ketika kontrol tombol diklik dengan menyetel properti CausesValidation ke false.

Sintaks untuk menciptakan kontrol server Validasi adalah:

<asp:control_name id="some_id" runat="server" />

Pada contoh berikut ini kami menyatakan satu kontrol TextBox, satu kontrol Button, dan satu kontrol RangeValidator dalam file .aspx. Jika validasi gagal, teks "The value must be from 1 to 100!" akan ditampilkan dalam kontrol RangeValidator:

Contoh

<html>
<body>

<form runat="server">
<p>Enter a number from 1 to 100:
<asp:TextBox id="tbox1" runat="server" />
<br /><br />
<asp:Button Text="Submit" runat="server" />
</p>

<p>
<asp:RangeValidator
ControlToValidate="tbox1"
MinimumValue="1"
MaximumValue="100"
Type="Integer"
Text="The value must be from 1 to 100!"
runat="server" />
</p>
</form>

</body>
</html>

Tampilkan contoh »