Ayudantes HTML se utilizan para modificar la salida HTML
Ayudantes HTML
Con MVC, ayudantes HTML son muy parecidos a los controles de formulario Web ASP.NET tradicional.
Al igual que los controles de formulario web en ASP.NET, ayudantes HTML se utilizan para modificar HTML. Pero ayudantes HTML son más ligeros. A diferencia de los controles de formulario web, un asistente de HTML no tiene un modelo de eventos y un estado de vista.
En la mayoría de los casos, un asistente de HTML es sólo un método que devuelve una cadena.
Con MVC, puede crear sus propios ayudantes, o utilizar el construido en ayudantes HTML.
Ayudantes estándar HTML
MVC incluye ayudantes estándar para los tipos más comunes de los elementos HTML, como enlaces HTML y elementos de formulario HTML.
Enlaces HTML
La manera más fácil de hacer que un enlace HTML en es utilizar el HTML. ActionLink() HTML. ActionLink() ayudante.
Con MVC, el Html. ActionLink() Html. ActionLink() no se vincula a una vista. Se crea un vínculo a una acción del controlador.
Razor Sintaxis:
@Html. ActionLink("About this Website", "About")
ASP Sintaxis:
<%=Html. ActionLink("About this Website", "About") %>
El primer parámetro es el texto del enlace, y el segundo parámetro es el nombre de la acción del controlador.
El Html. ActionLink() Html. ActionLink() ayudante anterior, emite el siguiente código HTML:
<a href="/Home/About">About this Website</a>
El Html. ActionLink() Html. ActionLink() ayudante tiene varias propiedades:
| Propiedad | Descripción |
|---|---|
| .linkText | El texto del enlace (label) |
| .actionName | La acción de destino |
| .routeValues | Los valores pasan a la acción |
| .controllerName | El controlador destino |
| .htmlAttributes | El conjunto de atributos para el enlace |
| .protocol | El protocolo de enlace |
| .hostname | El nombre de host para el enlace |
| .fragment | El objetivo de anclaje para el enlace |
Nota: Puede pasar valores a una acción del controlador. Por ejemplo, se puede pasar el ID de un registro de base de datos para una acción de la base de datos de edición:
Razor Sintaxis C #:
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor Sintaxis VB:
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
El Html. ActionLink() Html. ActionLink() ayudante anterior, emite el siguiente código HTML:
<a href="/Home/Edit/3">Edit Record</a>
Elementos de formulario HTML
Hay siguientes ayudantes HTML pueden ser utilizados para poner (modify and output) los elementos de formulario HTML:
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
Sintaxis C # ASP.NET:
<%= 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>
<%}%>