Pembantu HTML digunakan untuk memodifikasi hasil HTML
Pembantu HTML
Dengan MVC, pembantu HTML jauh seperti ASP.NET tradisional kontrol formulir Web.
Sama seperti bentuk kontrol web di ASP.NET, pembantu HTML digunakan untuk memodifikasi HTML. Tapi pembantu HTML lebih ringan. Tidak seperti kontrol Formulir Web, pembantu HTML tidak memiliki model acara dan pandangan negara.
Dalam kebanyakan kasus, pembantu HTML hanyalah sebuah metode yang mengembalikan string.
Dengan MVC, Anda dapat membuat pembantu Anda sendiri, atau menggunakan dibangun di pembantu HTML.
Standard Helpers HTML
MVC termasuk pembantu standar untuk jenis yang paling umum dari elemen HTML, seperti link HTML dan elemen form HTML.
Link HTML
Cara termudah untuk membuat link HTML di adalah dengan menggunakan HTML. ActionLink() HTML. ActionLink() helper.
Dengan MVC, yang Html. ActionLink() Html. ActionLink() tidak link ke tampilan. Ini menciptakan link ke aksi kontroler.
Razor Syntax:
@Html. ActionLink("About this Website", "About")
ASP Sintaks:
<%=Html. ActionLink("About this Website", "About") %>
Parameter pertama adalah link teks, dan parameter kedua adalah nama dari tindakan kontroler.
The Html. ActionLink() Html. ActionLink() helper di atas, menghasilkan HTML berikut:
<a href="/Home/About">About this Website</a>
The Html. ActionLink() Html. ActionLink() helper memiliki beberapa sifat:
| Milik | Deskripsi |
|---|---|
| .linkText | Teks link (label) |
| .actionName | Tindakan Target |
| .routeValues | Nilai yang dikirimkan dengan tindakan |
| .controllerName | Target kontroler |
| .htmlAttributes | Set atribut untuk link |
| .protocol | Link protokol |
| .hostname | Nama host untuk link |
| .fragment | Jangkar target untuk link |
Catatan: Anda dapat melewati nilai ke aksi kontroler. Misalnya, Anda dapat melewati id dari record database untuk tindakan basis data edit:
Razor Syntax C #:
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor Syntax VB:
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
The Html. ActionLink() Html. ActionLink() helper di atas, menghasilkan HTML berikut:
<a href="/Home/Edit/3">Edit Record</a>
HTML Elemen Form
Ada berikut pembantu HTML dapat digunakan untuk membuat (modify and output) elemen bentuk HTML:
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
ASP.NET Sintaks C #:
<%= Html. ValidationSummary("Create was unsuccessful. Please correct the
errors and try again.") %>
<% using (Html. BeginForm() ){%>
<p>
<label for="FirstName">First Name:</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>
<%}%>