ASP.NET MVC - HTML 帮助器

HTML 帮助器用于修改 HTML 输出。

HTML 帮助器

通过 MVC，HTML 帮助器类似于传统的 ASP.NET Web Form 控件。

类似 ASP.NET 中的 web form 控件，HTML 帮助器用于修改 HTML。但是 HTML 帮助器更轻。与 web form 控件不同，HTML 帮助器没有事件模型和 view state。

在大多数情况下，HTML 帮助器仅仅是返回字符串的方法。

通过 MVC，您能够创建自己的帮助器，或者使用内建的 HTML 帮助器。

标准的 HTML 帮助器

MVC 包含了大多数常用的 HTML 元素类型的标准帮助器，比如 HTML 链接和 HTML 表单元素。

HTML 链接

呈现 HTML 链接的最简单方法是使用 HTML.ActionLink() 帮助器。

ta kowa MVC, Html.ActionLink() ba baiwa hauwa hana yauwa baiwa hauwa hana yauwa. Wannan na hauwa yana haɗa da kwarewar ma'aikata (controller action).

Razor 语法：

@Html.ActionLink("About this Website", "About")

ASP 语法：

<%=Html.ActionLink("About this Website", "About")%>

Tsohon wuri na kiyasi, na sunan gudanarwa na kanta

Html.ActionLink() kananan yana samu HTML kamar yadda:

<a href="/Home/About">Bayanin Wurin Wani Website</a>

Parameters na kananan Html.ActionLink():

Parameters Bayani
linkText Tsammanin wuri kofofanci
actionName Sunan gudanarwa
controllerName Sunan kanta
protocol Wurin ƙasa na URL, kamar 'http' ko 'https'.
hostname Wurin mai ƙasa na URL (sunan wuri).
fragment Wurin ƙasa na URL (wurin kasa).
routeValues Wuri, wanda ya ƙunshi manyanin hanyar da a ke mai samu.
htmlAttributes Wuri, wanda ya ƙunshi manyanin HTML da a ke mai samu wa wuri kofofanci.

Rarrabawa:Anfi ka'a iya nuna wuri ga kanta a kai gudanarwa. Misali, anfi ka'a iya kai kai gudanarwa id na wuri kofofanci database.

Yarika Razor C#:

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

Yarika Razor VB:

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

Html.ActionLink() kananan yana samu HTML kamar yadda:

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

Wurin kofofanci HTML

Wurin HTML kananan zaiwai yana za'a samu (tambayi da na hanyar) wuri kofofanci HTML:

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

Yarika ASP.NET C#:

<%= Html.ValidationSummary("Anfani akai ba ce. Ta'adduqanin dace-dace da a samu") 
ga zai sake.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="FirstName">Rafi'in Sunan:</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>
<%}%>