Latest web development tutorials

ASP.NET MVC HTML-Helfer

HTML-Hilfe verwendet, um die HTML-Ausgabe zu ändern.


HTML Helper

Mit MVC ist der HTML-Hilfe ähnlich wie bei einem traditionellen ASP.NET Web Form-Steuerelemente.

Wie in ASP.NET Web Form Controls, wird der HTML-Hilfe verwendet HTML zu ändern. Allerdings ist der HTML-Hilfe leichter. Web-Formular mit verschiedenen Kontrollen, HTML-Hilfe nicht Staat und Ereignismodell anzuzeigen.

In den meisten Fällen ist HTML Helfer nur eine Methode, die einen String zurückgibt.

Mit MVC, können Sie Ihre eigenen Helfer, erstellen oder direkt mit dem integrierten HTML-Helfer mit.


Standard-HTML-Helfer

MVC enthält die häufigsten Arten von Standard-HTML-Elemente Helfer, wie HTML-Links und HTML-Formularelemente.


HTML-Links

Der einfachste Weg ist die gerenderte HTML-Link Html.ActionLink () Helfer zu verwenden.

Mit MVC, Html.ActionLink () nicht zu sehen verbunden. Es schafft eine Verbindung zum Controller-Betrieb.

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 des Controllers Betrieb.

Die obige Html.ActionLink () Helfer, gibt das folgende HTML:

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

Html.ActionLink () einige der Eigenschaften zu helfen:

属性 描述
.linkText URL 文本(标签),定位点元素的内部文本。
.actionName 操作(action)的名称。
.routeValues 传递给操作(action)的值,是一个包含路由参数的对象。
.controllerName 控制器的名称。
.htmlAttributes URL 的属性设置,是一个包含要为该元素设置的 HTML 特性的对象。
.protocol URL 协议,如 "http" 或 "https"。
.hostname URL 的主机名。
.fragment URL 片段名称(定位点名称)。

Hinweis: Sie einen Wert an die Steuerung übergeben. Zum Beispiel können Sie Vorgänge in der Datenbank bearbeiten Datenbank-Datensätze ID übertragen:

Razor-Syntax von C #:

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

Razor-Syntax VB:

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

Die obige Html.ActionLink () Helfer, gibt das folgende HTML:

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

HTML-Formularelemente

Folgendes kann verwendet werden, um HTML-Hilfe (Modifikation und Ausgabe) HTML-Formularelemente machen:

  • Begin ()
  • Endform ()
  • TextArea- ()
  • TextBox ()
  • CheckBox ()
  • RadioButton- ()
  • List-Box ()
  • Dropdownlist ()
  • Verborgen ()
  • Passwort ()

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>
<%}%>