ASP.NET MVC-HTML 幫助器

TML 幫助器用于修改 HTML 輸出。

HTML 幫助器

通過(guò) MVC，HTML 幫助器類似于傳統(tǒng)的 ASP.NET Web Form 控件。

就像 ASP.NET 中的 Web Form 控件，HTML 幫助器用于修改 HTML。但是 HTML 幫助器是更輕量級(jí)的。與 Web Form 控件不同，HTML 幫助器沒有事件模型和視圖狀態(tài)。

在大多數(shù)情況下，HTML 幫助器僅僅是一個(gè)返回字符串的方法。

通過(guò) MVC，您可以創(chuàng)建您自己的幫助器，或者直接使用內(nèi)建的 HTML 幫助器。

標(biāo)準(zhǔn)的 HTML 幫助器

MVC 包含了大多數(shù)常用的 HTML 元素類型的標(biāo)準(zhǔn)幫助器，比如 HTML 鏈接和 HTML 表單元素。

HTML 鏈接

呈現(xiàn) HTML 鏈接的最簡(jiǎn)單的方法是使用 HTML.ActionLink() 幫助器。

通過(guò) MVC，Html.ActionLink() 不連接到視圖。它創(chuàng)建一個(gè)連接到控制器操作。

Razor 語(yǔ)法：

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

ASP 語(yǔ)法：

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

第一個(gè)參數(shù)是鏈接文本，第二個(gè)參數(shù)是控制器操作的名稱。

上面的 Html.ActionLink() 幫助器，輸出以下的 HTML：

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

Html.ActionLink() 幫助器的一些屬性：

屬性	描述
.linkText	URL 文本（標(biāo)簽），定位點(diǎn)元素的內(nèi)部文本。
.actionName	操作（action）的名稱。
.routeValues	傳遞給操作（action)的值，是一個(gè)包含路由參數(shù)的對(duì)象。
.controllerName	控制器的名稱。
.htmlAttributes	URL 的屬性設(shè)置，是一個(gè)包含要為該元素設(shè)置的 HTML 特性的對(duì)象。
.protocol	URL 協(xié)議，如 "http" 或 "https"。
.hostname	URL 的主機(jī)名。
.fragment	URL 片段名稱（定位點(diǎn)名稱）。

注釋：您可以向控制器操作傳遞值。例如，您可以向數(shù)據(jù)庫(kù) Edit 操作傳遞數(shù)據(jù)庫(kù)記錄的 id：

Razor 語(yǔ)法 C#：

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

Razor 語(yǔ)法 VB：

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

上面的 Html.ActionLink() 幫助器，輸出以下的 HTML：

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

HTML 表單元素

以下 HTML 幫助器可用于呈現(xiàn)（修改和輸出）HTML 表單元素：

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

ASP.NET 語(yǔ)法 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>

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

</p>

<%}%>

大家?guī)?lái)的是Andoird基本UI控件中的RadioButton和Checkbox; 先說(shuō)下本節(jié)要講解的內(nèi)容是：RadioButton和Checkbox的
1.基本用法
2.事件處理；
3.自定義點(diǎn)擊效果；
4.改變文字與選擇框的相對(duì)位置；
5.修改文字與選擇框的距離

其實(shí)這兩個(gè)控件有很多地方都是類似的，除了單選和多選，事件處理，其他的都是類似的！另外還有一個(gè)ListView上Checkbox的錯(cuò)位的問題，我們會(huì)在ListView那一章對(duì)這個(gè)問題進(jìn)行解決，好的，開始本節(jié)內(nèi)容~ 本節(jié)官方文檔API：RadioButton；CheckBox；

1.基本用法與事件處理：

1）RadioButton(單選按鈕)

如題單選按鈕，就是只能夠選中一個(gè)，所以我們需要把RadioButton放到RadioGroup按鈕組中，從而實(shí)現(xiàn) 單選功能！先熟悉下如何使用RadioButton，一個(gè)簡(jiǎn)單的性別選擇的例子：另外我們可以為外層RadioGroup設(shè)置orientation屬性然后設(shè)置RadioButton的排列方式，是豎直還是水平~

效果圖：

PS:筆者的手機(jī)是Android 5.0.1的，這里的RadioButton相比起舊版本的RadioButton，稍微好看一點(diǎn)~

布局代碼如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/LinearLayout1"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

tools:context=".MainActivity" >

<TextView