ผู้ช่วย 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() ผู้ช่วยข้างต้น outputs 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() ผู้ช่วยข้างต้น outputs 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>
<%}%>