ASP.NET - kontrol server

Kontrol server adalah tag yang dapat diartikan oleh server.

Batasan Classic ASP

Kode yang tercantum di bawah adalah yang di copy dari bagian sebelumnya:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
<p><%Response.Write(now())%></p>
</body>
</html>

Kode di atas dapat menunjukkan batasan Classic ASP: blok kode harus ditempatkan di tempat yang akan mengeluarkan output.

Dengan Classic ASP, kami tidak dapat memisahkan kode eksekutif dengan HTML sendiri. Ini membuat halaman sulit untuk dibaca dan dipe mainten.

ASP.NET - kontrol server

Dengan kontrol server, ASP.NET telah memecahkan masalah "kode spaghetti" yang dijelaskan di atas.

Kontrol server adalah tag yang dapat diartikan oleh server.

Terdapat tiga jenis kontrol server:

  • Kontrol server HTML - tag HTML tradisional
  • Kontrol server web - tag baru ASP.NET
  • Kontrol server validasi - untuk validasi input

ASP.NET - HTML kontrol server

HTML kontrol server adalah tag HTML yang dapat diartikan oleh server.

Elemen HTML di ASP.NET diproses sebagai teks. Untuk membuat elemen-elemen ini dapat diprogram, perlu menambahkan Atribut runat="server"Atribut ini menunjukkan bahwa elemen ini adalah kontrol server. Juga perlu menambahkan atribut id untuk mengidentifikasi kontrol server. Id ini dapat digunakan untuk mengoperasikan kontrol server saat menjalankan.

Keterangan:Semua Kontrol Server HTML harus berada di dalam tag <form> yang memiliki atribut runat="server". Atribut runat="server" menunjukkan bahwa formulir tersebut harus diproses di server. Ini juga menunjukkan bahwa kontrol yang disertakan dapat diakses oleh skrip server.

Dalam contoh di bawah ini, kami mendeklarasikan Kontrol Server HtmlAnchor di berkas .aspx. kemudian kami mengoperasikan properti HRef Kontrol HtmlAnchor di dalam penanganan acara. Acara Page_Load adalah salah satu jenis acara yang dipahami oleh ASP.NET:

Keterangan:Penanganan acara (event handler) adalah subprogram yang mengeksekusi kode untuk acara yang diberikan.

<script runat="server">
Sub Page_Load
link1.HRef="http://www.codew3c.com"
End Sub
</script>
<html>
<body>
<form runat="server">
<a id="link1" runat="server">Kunjungi CodeW3C.com!</a>
</form>
</body>
</html>

Pemberitahuan:Kode yang dapat dieksekusi sudah dipindahkan di luar HTML.

ASP.NET - Kontrol Server Web

Kontrol Server Web adalah tag ASP.NET khusus yang dapat dipahami oleh server.

Seperti Kontrol Server HTML, Kontrol Server Web juga dibuat di server, mereka memerlukan atribut runat="server" untuk beroperasi. Namun, Kontrol Server Web tidak perlu pemetaan elemen HTML yang sudah ada, mereka mewakili elemen yang lebih kompleks.

Sintaks untuk membuat Kontrol Server Web adalah:

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

Dalam contoh di bawah ini, kami mendeklarasikan Kontrol Server Button di berkas .aspx. kemudian kami membuat penanganan acara Click untuk mengubah teks tombol:

<script runat="server">
Sub submit(Source As Object, e As EventArgs)
button1.Text="Anda mengeklik saya!"
End Sub
</script>
<html>
<body>
<form runat="server">
<asp:Button id="button1" Text="Klik saya!" runat="server" OnClick="submit"/>
</form>
</body>
</html>

ASP.NET - Kontrol Server Validasi

Kontrol Server Validasi digunakan untuk memverifikasi input pengguna. Jika input pengguna belum melalui verifikasi, pesan kesalahan akan ditampilkan kepada pengguna.

Setiap kontrol pengesahan melaksanakan tipe pengesahan khusus (misalnya pengesahan nilai khusus atau rentang nilai).

Secara default, saat menekan Button, ImageButton, atau LinkButton, pengesahan halaman akan dijalankan. Anda dapat menghentikan pengesahan saat tombol kontrol tertentu diklik dengan mengatur atribut CausesValidation menjadi false.

Sintaks untuk membuat kontrol server pengesahan adalah:

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

Dalam contoh di bawah, kami menyatakan sebuah kontrol TextBox, sebuah kontrol Button, dan sebuah kontrol RangeValidator di berkas .aspx. Jika pengesahan gagal, teks "Nilai harus dari 1 sampai 100!" akan ditampilkan di kontrol RangeValidator:

<html>
<body>
<form runat="server">
<p>Masukkan angka dari 1 sampai 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="Nilai harus dari 1 sampai 100!"
runat="server" />
</p>
</form>
</body>
</html>

Tampilkan Contoh Ini