ตัวช่วย ASP.NET MVC HTML

กรอบงาน ASP.NET MVC มีวิธีการช่วยเหลือที่ทำให้ง่ายต่อการแสดง HTML ในมุมมอง

ตัวช่วย HTML ใช้เพื่อแก้ไขเอาต์พุต HTML

ตัวช่วย HTML

ด้วย MVC ตัวช่วย HTML จะมีลักษณะคล้ายกับตัวควบคุม ASP.NET Web Form แบบดั้งเดิม

เช่นเดียวกับตัวควบคุมฟอร์มเว็บใน ASP.NET ตัวช่วย HTML จะใช้ในการปรับเปลี่ยน HTML แต่ตัวช่วย HTML นั้นมีน้ำหนักเบากว่า ต่างจากการควบคุมเว็บฟอร์ม ตัวช่วย HTML ไม่มีโมเดลเหตุการณ์และไม่มีสถานะมุมมอง

ในกรณีส่วนใหญ่ ตัวช่วย HTML เป็นเพียงวิธีการส่งคืนสตริง

ด้วย MVC คุณสามารถสร้างตัวช่วยของคุณเอง หรือใช้ตัวช่วย HTML ในตัวได้โดยตรง

ตัวช่วย HTML มาตรฐาน

MVC มีตัวช่วยมาตรฐานสำหรับประเภทองค์ประกอบ HTML ที่ใช้บ่อยที่สุด เช่น ลิงก์ HTML และองค์ประกอบรูปแบบ HTML

ลิงค์ HTML

วิธีที่ง่ายที่สุดในการแสดงลิงก์ HTML คือการใช้ตัวช่วย HTML.ActionLink()

ด้วย MVC Html.ActionLink() จะไม่เชื่อมต่อกับมุมมอง มันสร้างการเชื่อมต่อกับการกระทำของคอนโทรลเลอร์

ไวยากรณ์ของมีดโกน:

 @Html.ActionLink("เกี่ยวกับเว็บไซต์นี้", "เกี่ยวกับ")

ไวยากรณ์ ASP:

 <%=Html.ActionLink("เกี่ยวกับเว็บไซต์นี้", "เกี่ยวกับ")%>

พารามิเตอร์ตัวแรกคือข้อความลิงก์ และพารามิเตอร์ตัวที่สองคือชื่อของการทำงานของคอนโทรลเลอร์

ตัวช่วย Html.ActionLink() ด้านบนจะแสดง HTML ต่อไปนี้:

 <a href="/Home/About">เกี่ยวกับเว็บไซต์นี้</a>

คุณสมบัติบางอย่างของตัวช่วย Html.ActionLink():

หมายเหตุ: คุณสามารถส่งค่าไปยังการดำเนินการของคอนโทรลเลอร์ได้ ตัวอย่างเช่น คุณสามารถส่ง ID ของบันทึกฐานข้อมูลไปยังการดำเนินการแก้ไขฐานข้อมูลได้:

ไวยากรณ์มีดโกน C#:

 @Html.ActionLink("แก้ไขบันทึก", "แก้ไข", {Id=3} ใหม่)

ไวยากรณ์มีดโกน VB:

 @Html.ActionLink("แก้ไขบันทึก", "แก้ไข" ใหม่ด้วย{.Id=3})

ตัวช่วย Html.ActionLink() ด้านบนจะแสดงผล HTML ต่อไปนี้:

 <a href="/Home/Edit/3">แก้ไขบันทึก</a>

องค์ประกอบแบบฟอร์ม HTML

ตัวช่วย HTML ต่อไปนี้สามารถใช้เพื่อแสดงผล (แก้ไขและส่งออก) องค์ประกอบแบบฟอร์ม HTML:

เริ่มต้นแบบฟอร์ม()

แบบฟอร์มสุดท้าย()

พื้นที่ข้อความ()

กล่องข้อความ()

ช่องทำเครื่องหมาย()

ปุ่มวิทยุ()

กล่องรายการ()

รายการแบบหล่นลง()

ที่ซ่อนอยู่()

รหัสผ่าน()

ไวยากรณ์ ASP.NET C#:

 <%= Html.ValidationSummary("สร้างไม่สำเร็จ โปรดแก้ไขข้อผิดพลาดและลองอีกครั้ง") %> <% โดยใช้ (Html.BeginForm()){%> <p> <label for="FirstName">ชื่อ :</label> <%= Html.TextBox("FirstName") %> <%= Html.ValidationMessage("FirstName", "*") %> </p> <p> <label for="LastName">นามสกุล:</label> <%= Html.TextBox("LastName") %> <%= Html.ValidationMessage("LastName", "*") %> </ p> <p> <label for="รหัสผ่าน">รหัสผ่าน:</label> <%= Html.Password("รหัสผ่าน") %> <%= Html.ValidationMessage("รหัสผ่าน", "*") %> </p> <p> <label for="Password">ยืนยันรหัสผ่าน:</label> <%= Html.Password("ConfirmPassword") %> < %= Html.ValidationMessage("ConfirmPassword", "*") %> </p> <p> <label for="Profile">โปรไฟล์:</label> <%= Html.TextArea("โปรไฟล์", {cols=60, แถว=10})%> </p> <p> <%= Html.CheckBox("ReceiveNewsletter") %> <label for="ReceiveNewsletter" style= "display:inline">รับจดหมายข่าวหรือไม่</label> </p> <p> <input type="submit" value="Register" /> </p> <%}%>

ข้างต้นเป็นการแนะนำตัวช่วย ASP.NETMVCHTML