ASP.NET MVC - Bantuan HTML

Bantuan HTML digunakan untuk mengubah output HTML.

Bantuan HTML

Dengan MVC, bantuan HTML hampir sama seperti 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.

Pada sebagian besar kasus, bantuan HTML hanya metode yang mengembalikan string.

Dengan MVC, Anda dapat membuat bantuan sendiri, atau menggunakan bantuan HTML yang terdapat dalam sistem.

Bantuan HTML standar

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

Tautan HTML

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

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

语法 Razor:

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

语法 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 tuan rumah URL.
fragment Nama bagian URL (nama titik).
routeValues Sebuah objek yang berisi parameter alur.
htmlAttributes Sebuah objek yang berisi HTML atribut yang akan diatur untuk elemen ini.

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

Bahasa Razor C#：

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

Bahasa 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 Form 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()

Bahasa 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">Last Name:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Password:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Confirm Password:</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">Receive Newsletter?</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
<%}%>