Rekomendasyon ng Kurso:

ASP.NET MVC - HTML Helper

HTML Helper ay ginagamit upang baguhin ang HTML output.

HTML Helper

Sa pamamagitan ng MVC, ang HTML helper ay katulad ng tradisyonal na ASP.NET Web Form control.

Katulad ng web form control sa ASP.NET, ginagamit ang HTML helper upang baguhin ang HTML. Subalit mas lihis ang HTML helper. Hindi may model ng event at view state ang HTML helper, iba sa web form control.

Sa karamihan ng kaso, ang HTML helper ay mga paraan na ibabalik ang string lamang.

Standard na HTML Helper

Ang MVC ay mayroon sa mga standard na helper para sa pinakamga pangkaraniwang HTML element types, tulad ng HTML na link at HTML form elements.

HTML na Link

Ang pinakasimpleng paraan para ipresenta ang HTML na link ay gamit ang helper na Html.ActionLink().

Sa pamamagitan ng MVC, ang Html.ActionLink() ay hindi nakakakonekta sa view. Ito ay gumawa ng koneksyon sa operasyon ng controller (controller action).

Razor Syntax:

@Html.ActionLink("Mga tungkol sa Website na ito", "Mga tungkol")

ASP Syntax:

<%=Html.ActionLink("Mga tungkol sa Website na ito", "Mga tungkol")%

Ang unang argumento ay ang teksto ng link, ang ikalawang argumento ay ang pangalan ng operasyon ng controller.

Ang Html.ActionLink() Helper sa itaas, naglulabas ng HTML na ito:

<a href="/Home/About">Tungkol sa Website Na ito</a>

Mga parametro ng Html.ActionLink() Helper:

Parametro Paglalarawan
linkText Ang panloob na teksto ng elemento ng pointer.
actionName Ang pangalan ng operasyon.
controllerName Ang pangalan ng controller.
protocol Protocol ng URL, tulad ng "http" o "https".
hostname Host ng URL.
fragment URL na bahagi (naming na pointer).
routeValues Isang bagay na naglalaman ng mga rute na katangian.
htmlAttributes Isang bagay na naglalaman ng mga HTML na katangian na dapat itakda sa elemento na ito.

Komento:Maaari mong ipasa ang halaga sa operasyon ng controller. Halimbawa, maaari kang ipasa ang id ng record ng database editing operation.

Razor Syntax C#：

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

Razor Syntax VB：

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

Ang Html.ActionLink() Helper sa itaas, naglulabas ng HTML na ito:

<a href="/Home/Edit/3">I-edit ang Record</a>

HTML Form Elements

Ang mga HTML Helper na ito ay maaaring gamitin para sa pagtatayoon, pagwawasto at paglabas ng mga elemento ng HTML form:

  • BeginForm()
  • EndForm()
  • TextArea()
  • TextBox()
  • CheckBox()
  • RadioButton()
  • ListBox()
  • DropDownList()
  • Hidden()
  • Password()

ASP.NET Syntax C#：

<%= Html.ValidationSummary("Ang paglikha ay hindi matagumpay. Isama ang mga pagkakamali at 
magsusubukang muli.</>) %>
<% 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>
<%}%>