ASP.NET MVC - Bantuan HTML

Bantuan HTML digunakan untuk mengubah output HTML.

Bantuan HTML

Dengan MVC, bantuan HTML mirip dengan kontrol Web Form tradisional di ASP.NET.

Seperti kontrol web form di ASP.NET, bantuan HTML digunakan untuk mengubah HTML. Tetapi bantuan HTML lebih ringan. Berbeda dengan kontrol web form, bantuan HTML tidak memiliki model peristiwa dan view state.

Dalam sebagian besar kasus, bantuan HTML hanya metode untuk kembalikan string.

Dengan MVC, Anda dapat membuat bantuan sendiri, atau menggunakan bantuan HTML yang disediakan.

Bantuan HTML Standar

MVC termasuk sebagian besar bantuan standar elemen HTML yang biasa digunakan, seperti tautan HTML dan elemen bentuk HTML.

Tautan HTML

Cara paling sederhana untuk menampilkan tautan HTML adalah menggunakan bantuan Html.ActionLink().

Dengan MVC, Html.ActionLink() tidak menghubungkan ke tampilan. Ia membuat koneksi ke operasi kontroler (controller action).

Bentuk Bahasa Razor:

@Html.ActionLink("About this Website", "About")

Bentuk Bahasa ASP:

<%=Html.ActionLink("About this Website", "About")%>

Parameter pertama adalah teks tautan, parameter kedua adalah nama operasi kontroler.

Helper Html.ActionLink() di atas mengeluarkan HTML berikut：

<a href="/Home/About">About this Website</a>

Beberapa parameter helper Html.ActionLink():

Parameter Deskripsi
linkText Teks internal elemen titik.
actionName Nama operasi.
controllerName Nama kontroler.
protocol Protokol URL, seperti "http" atau "https".
hostname Nama host URL.
fragment Nama fragmen URL (nama titik).
routeValues Sebuah objek yang mengandung parameter rute.
htmlAttributes Sebuah objek yang mengandung atribut HTML yang akan diset untuk elemen ini.

Keterangan：Anda dapat mengirim nilai ke operasi kontroler. Contohnya, Anda dapat seperti mengirim id rekaman database ke operasi edit database.

Sintaksis Razor C#：

@Html.ActionLink("Edit Record", "Edit", new {Id=3})

Sintaksis Razor VB：

@Html.ActionLink("Edit Record", "Edit", New With{.Id=3})

Helper Html.ActionLink() di atas mengeluarkan HTML berikut：

<a href="/Home/Edit/3">Edit Record</a>

Elemen Formulir HTML

Berikut adalah helper HTML yang dapat digunakan untuk menampilkan (mengubah dan mengeksport) elemen formulir HTML：

  • BeginForm()
  • EndForm()
  • TextArea()
  • TextBox()
  • CheckBox()
  • RadioButton()
  • ListBox()
  • DropDownList()
  • Hidden()
  • Password()

Sintaksis ASP.NET C#：

<%= Html.ValidationSummary("Pembuatan gagal. Silakan perbaiki kesalahan dan 
coba lagi.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="FirstName">Nama Pertama:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Nama Terakhir:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Sandi:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Konfirmasi Sandi:</label>
<%= Html.Password("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Profile:</label>
<%= Html.TextArea("Profile", new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">Menerima Newsletter?</label>
</p>
<p>
<input type="submit" value="Daftar" />
</p>
<%}%>