Helpers HTML são usados para modificar a saída HTML
Helpers HTML
Com MVC, ajudantes HTML são muito parecidos com controles de formulário Web ASP.NET tradicional.
Assim como controles de formulário web em ASP.NET, ajudantes HTML são usados para modificar HTML. Mas ajudantes HTML são mais leves. Ao contrário de controles de formulário Web, um auxiliar HTML não tem um modelo de evento e um estado de exibição.
Na maioria dos casos, um auxiliar HTML é apenas um método que retorna um string.
Com MVC, você pode criar seus próprios ajudantes, ou usar o construída em ajudantes HTML.
Helpers HTML padrão
MVC inclui ajudantes padrão para os tipos mais comuns de elementos HTML, como links HTML e elementos de formulário HTML.
links em HTML
A maneira mais fácil de processar um link HTML em é usar o HTML. ActionLink() HTML. ActionLink() helper.
Com MVC, o Html. ActionLink() Html. ActionLink() não conectar-se a uma visão. Ele cria um link para uma ação do controlador.
Razor Sintaxe:
@Html. ActionLink("About this Website", "About")
ASP Sintaxe:
<%=Html. ActionLink("About this Website", "About") %>
O primeiro parâmetro é o texto do link, eo segundo parâmetro é o nome da ação do controlador.
O Html. ActionLink() Html. ActionLink() helper acima, emite o seguinte HTML:
<a href="/Home/About">About this Website</a>
O Html. ActionLink() Html. ActionLink() ajudante tem várias propriedades:
| Propriedade | Descrição |
|---|---|
| .linkText | O texto do link (label) |
| .actionName | A acção alvo |
| .routeValues | Os valores passados para a acção |
| .controllerName | O controlador alvo |
| .htmlAttributes | O conjunto de atributos para o link |
| .protocol | O protocolo de enlace |
| .hostname | O nome do host para o link |
| .fragment | O alvo âncora para o link |
Nota: Você pode passar valores para uma ação de controlador. Por exemplo, você pode passar o id de um registro de banco de dados para uma ação de edição de banco de dados:
Razor Sintaxe C #:
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor Sintaxe VB:
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
O Html. ActionLink() Html. ActionLink() helper acima, emite o seguinte HTML:
<a href="/Home/Edit/3">Edit Record</a>
Elementos de formulário HTML
Há seguintes métodos de ajuda HTML pode ser usado para processar (modify and output) elementos de formulário HTML:
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
ASP.NET Sintaxe 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>
<%}%>