HTML 도우미는 HTML 출력을 수정하는 데 사용된다
HTML 도우미
MVC로, HTML 헬퍼는 기존의 ASP.NET 웹 폼 컨트롤과 같은 많은입니다.
그냥 ASP.NET의 웹 폼 컨트롤과 같은 HTML 헬퍼는 HTML을 수정하는 데 사용됩니다. 그러나 HTML 헬퍼는 경량입니다. 웹 폼 컨트롤을 달리하는 HTML 도우미는 이벤트 모델과 뷰 상태가 없습니다.
대부분의 경우에서, HTML 헬퍼는 문자열을 반환하는 방법입니다.
MVC, 당신은 당신의 자신의 헬퍼를 만들거나이 HTML 헬퍼 내장 사용할 수 있습니다.
표준 HTML 도우미
MVC는 HTML 링크와 HTML 양식 요소와 같은 HTML 요소의 가장 일반적인 유형의 표준 도우미가 포함되어 있습니다.
HTML 링크
에 HTML 링크를 렌더링하는 가장 쉬운 방법은 사용하는 것입니다 HTML. ActionLink() HTML. ActionLink() 도우미.
MVC의로 Html. ActionLink() Html. ActionLink() 보기에 연결하지 않습니다. 이 컨트롤러 액션에 대한 링크를 만듭니다.
Razor 구문 :
@Html. ActionLink("About this Website", "About")
ASP 구문 :
<%=Html. ActionLink("About this Website", "About") %>
첫 번째 파라미터는 링크 텍스트이고, 두 번째 파라미터는 제어기 동작의 이름이다.
Html. ActionLink() Html. ActionLink() 위의 도우미는 다음과 같은 HTML을 출력합니다
<a href="/Home/About">About this Website</a>
Html. ActionLink() Html. ActionLink() 도우미는 여러 가지 속성이 있습니다 :
| 재산 | 기술 |
|---|---|
| .linkText | 링크 텍스트 (label) |
| .actionName | 대상 조치 |
| .routeValues | 값은 작업에 전달 |
| .controllerName | 대상 컨트롤러 |
| .htmlAttributes | 링크에 대한 속성의 집합 |
| .protocol | 링크 프로토콜 |
| .hostname | 링크에 대한 호스트 이름 |
| .fragment | 링크에 대한 앵커 목표 |
참고 : 컨트롤러 액션에 값을 전달할 수 있습니다. 예를 들어, 데이터베이스 편집 액션에 데이터베이스 레코드의 id를 전달할 수 있습니다 :
Razor 구문 C 번호 :
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor 구문 VB :
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
Html. ActionLink() Html. ActionLink() 위의 도우미는 다음과 같은 HTML을 출력합니다
<a href="/Home/Edit/3">Edit Record</a>
HTML 양식 요소
이 다음 HTML 헬퍼는 렌더링 할 수 있습니다 (modify and output) HTML 양식 요소 :
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
ASP.NET 구문 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>
<%}%>