HTML-Helfer werden verwendet HTML-Ausgabe zu ändern
HTML-Helfer
Mit MVC sind, HTML Helfer viel wie traditionelle ASP.NET Web Form Steuerelemente.
Genau wie Web-Formular-Steuerelemente in ASP.NET, HTML Helfer werden verwendet, HTML zu ändern. Aber HTML Helfer sind leichter. Im Gegensatz zu Web-Formular-Steuerelemente, wird ein HTML-Helfer nicht ein Ereignismodell und eine Ansichtszustand.
In den meisten Fällen ist ein HTML-Helfer nur eine Methode, die einen String zurückgibt.
Mit MVC, können Sie Ihre eigenen Helfer erstellen oder in HTML-Helfer gebaut verwenden.
Standard-HTML-Helfer
MVC umfasst Standard-Helfer für die gängigsten Arten von HTML-Elementen, wie HTML-Links und HTML-Formularelemente.
HTML-Links
Der einfachste Weg , einen HTML - Link in machen ist , die verwenden HTML. ActionLink() HTML. ActionLink() Helfer.
Mit MVC, die Html. ActionLink() Html. ActionLink() keine Verknüpfung zu einer Ansicht. Es erstellt einen Link zu einer Controller-Aktion.
Razor Syntax:
@Html. ActionLink("About this Website", "About")
ASP Syntax:
<%=Html. ActionLink("About this Website", "About") %>
Der erste Parameter ist der Link-Text, und der zweite Parameter ist der Name der Controller-Aktion.
Die Html. ActionLink() Html. ActionLink() Helfer oben, gibt das folgende HTML:
<a href="/Home/About">About this Website</a>
Die Html. ActionLink() Html. ActionLink() Helfer hat mehrere Eigenschaften:
| Eigentum | Beschreibung |
|---|---|
| .linkText | Der Link - Text (label) |
| .actionName | Das Ziel Aktion |
| .routeValues | Die Werte an die Aktion übergeben |
| .controllerName | Die Zielsteuerung |
| .htmlAttributes | Der Satz von Attributen zu dem Link |
| .protocol | Das Verbindungsprotokoll |
| .hostname | Der Hostname für den Link |
| .fragment | Das Ankerziel für den Link |
Hinweis: Sie können Werte in einer Controller - Aktion übergeben. Zum Beispiel können Sie die ID eines Datenbank-Datensatz in einer Datenbank bearbeiten Aktion übergeben:
Razor Syntax C #:
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor Syntax VB:
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
Die Html. ActionLink() Html. ActionLink() Helfer oben, gibt das folgende HTML:
<a href="/Home/Edit/3">Edit Record</a>
HTML-Formularelemente
Es können folgende HTML - Helfer verwendet werden , machen (modify and output) HTML - Formularelemente:
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
ASP.NET Syntax 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>
<%}%>