Helpers HTML sunt folosite pentru a modifica de ieșire HTML
HTML Helpers
Cu MVC, ajutoare HTML sunt la fel ca ASP.NET tradiționale de control formular web.
La fel ca și controale din formulare web în ASP.NET, ajutoare HTML sunt folosite pentru a modifica HTML. Dar ajutoare HTML sunt mai usoare. Spre deosebire de controalele formular web, un ajutor HTML nu are un model de eveniment și o stare de vedere.
În cele mai multe cazuri, un ajutor HTML este doar o metodă care returnează un șir de caractere.
Cu MVC, puteți crea propriile ajutoare, sau de a folosi construit în ajutoare HTML.
Helpers HTML standard
MVC include ajutoare standard pentru cele mai comune tipuri de elemente HTML, cum ar fi link-uri HTML și elemente de formular HTML.
Link-uri HTML
Cel mai simplu mod de a face un link HTML este de a utiliza HTML. ActionLink() HTML. ActionLink() ajutor.
Cu MVC, The Html. ActionLink() Html. ActionLink() nu se leagă la o vizualizare. Se creează o legătură într-o acțiune de controler.
Razor Sintaxa:
@Html. ActionLink("About this Website", "About")
ASP Sintaxa:
<%=Html. ActionLink("About this Website", "About") %>
Primul parametru este link-ul de text, iar al doilea parametru este numele acțiunii controlerului.
Html. ActionLink() Html. ActionLink() ajutor de mai sus, emite următorul cod HTML:
<a href="/Home/About">About this Website</a>
Html. ActionLink() Html. ActionLink() helper are mai multe proprietăți:
| Proprietate | Descriere |
|---|---|
| .linkText | Textul link - ul (label) |
| .actionName | Acțiunea țintă |
| .routeValues | Valorile au trecut la acțiune |
| .controllerName | Controlerul țintă |
| .htmlAttributes | Setul de atribute pentru link-ul |
| .protocol | Protocolul de legătură |
| .hostname | Numele de gazdă pentru link |
| .fragment | Ținta de ancoră pentru link-ul |
Notă: Puteți trece valori la o acțiune de controler. De exemplu, puteți trece id-ul unei înregistrări de bază de date într-o bază de date de editare de acțiune:
Razor Sintaxa C #:
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor Sintaxa VB:
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
Html. ActionLink() Html. ActionLink() ajutor de mai sus, emite următorul cod HTML:
<a href="/Home/Edit/3">Edit Record</a>
Formular HTML Elemente
Există următoarele ajutoare HTML pot fi folosite pentru a face (modify and output) de (modify and output) elemente de formular HTML:
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
ASP.NET Sintaxa 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>
<%}%>