Pembantu HTML MVC

ASP.NET MVC - HTML Helper

HTML helper digunakan untuk mengubah suai output HTML.

HTML Helper

Dengan MVC, HTML helper adalah serupa dengan kawalan Borang Web ASP.NET tradisional.

Seperti kawalan Borang Web dalam ASP.NET, pembantu HTML digunakan untuk mengubah suai HTML. Tetapi pembantu HTML lebih ringan. Tidak seperti kawalan Borang Web, pembantu HTML tidak mempunyai model acara dan tiada keadaan paparan.

Dalam kebanyakan kes, pembantu HTML hanyalah kaedah yang mengembalikan rentetan.

Dengan MVC anda boleh mencipta pembantu anda sendiri atau menggunakan pembantu HTML terbina dalam secara langsung.

Pembantu HTML standard

MVC termasuk pembantu standard untuk jenis elemen HTML yang paling biasa digunakan, seperti pautan HTML dan elemen bentuk HTML.

Pautan HTML

Cara paling mudah untuk memaparkan pautan HTML ialah menggunakan HTML.ActionLink() helper.

Dengan MVC, Html.ActionLink() tidak bersambung ke paparan. Ia mewujudkan sambungan kepada tindakan pengawal.

Sintaks pisau cukur:

@Html.ActionLink("Mengenai Laman Web ini", "Mengenai")

Sintaks ASP:

<%=Html.ActionLink("Perihal Laman Web ini", "Perihal")%>

Parameter pertama ialah teks pautan dan parameter kedua ialah tindakan pengawal nama.

Pembantu Html.ActionLink() di atas mengeluarkan HTML berikut:

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

Sesetengah sifat pembantu Html.ActionLink():

Nota: Anda boleh menghantar nilai kepada tindakan pengawal. Sebagai contoh, anda boleh menghantar id rekod pangkalan data kepada tindakan Edit pangkalan data:

Sintaks cukur C#:

@Html.ActionLink("Edit Rekod", "Edit" , baharu {Id =3})

Sintaks pisau cukur VB:

@Html.ActionLink("Edit Rekod", "Edit", Baharu Dengan{.Id= 3})

Pembantu Html.ActionLink() di atas mengeluarkan HTML berikut:

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

elemen bentuk HTML

Pembantu HTML berikut boleh digunakan untuk membuat (mengubah suai dan mengeluarkan) elemen bentuk HTML:

BeginForm ()
EndForm()
TextArea()
TextBox()
CheckBox()
RadioButton )
ListBox()
DropDownList()
Tersembunyi()
Kata Laluan()

Sintaks ASP.NET C#:

<%= Html.ValidationSummary("Mencipta tidak berjaya. Sila betulkan ralat dan cuba lagi.") %>
<% menggunakan (Html.BeginForm()){%>

<label for="FirstName">First Name:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>


<label for="LastName">Nama Akhir:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>


<label for="Kata Laluan">Kata Laluan:</label>
<%= Html.Kata Laluan("Kata Laluan") %>
<%= Html.ValidationMessage("Kata Laluan", "*") %>


<label for="Kata Laluan">Sahkan Kata Laluan:</label>
<%= Html.Kata Laluan("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>


<label untuk="Profil">Profil:</label>
<%= Html.TextArea("Profil", baharu {cols=60, rows=10})%>


<%= Html.CheckBox("ReceiveNewsletter") %>
<label untuk="ReceiveNewsletter" style="display:inline">Receive Surat berita?</label>


<input type="submit" value="Daftar" />

<%}%>