WebGrid - หนึ่งในผู้ช่วยเว็บ ASP.NET ที่มีประโยชน์มากมาย
ในส่วนนี้จะแนะนำคุณเกี่ยวกับการใช้งาน WebGrid helper โดยละเอียด
ในบทที่แล้ว คุณใช้รหัส Razor เพื่อแสดงข้อมูลฐานข้อมูล มาร์กอัป HTML ทั้งหมดเขียนด้วยลายมือ:
@{var db = Database.Open("SmallBakery"); var selectQueryString = "SELECT * FROM สินค้าเรียงลำดับตามชื่อ"; <html> <body> <h1>ผลิตภัณฑ์เบเกอรี่ขนาดเล็ก</h1> <table> <tr> <th>รหัส</th> <th>ผลิตภัณฑ์</th> <th>คำอธิบาย</th> <th>ราคา </th> </tr> @foreach(var แถวใน db.Query(selectQueryString)){ <tr> <td>@row.Id </td> <td>@row.Name </td> <td>@row.Description </td> <td align="right">@row.Price </td> </tr> } </table> </body> </html>ตัวช่วย WebGrid มอบวิธีที่ง่ายกว่าในการแสดงข้อมูล
ผู้ช่วย WebGrid:
สร้างตาราง HTML เพื่อแสดงข้อมูลโดยอัตโนมัติ
รองรับตัวเลือกการจัดรูปแบบที่แตกต่างกัน
รองรับการแสดงเพจข้อมูล
รองรับการเรียงลำดับโดยคลิกที่ชื่อรายการ
@{ var db = Database.Open("SmallBakery") ; var selectQueryString = "เลือก * จากลำดับผลิตภัณฑ์ตาม Id"; var data = db.Query(selectQueryString); var grid = new WebGrid(data) <html> <head> <title>การแสดงข้อมูลโดยใช้ WebGrid Helper</title> </head> <body> <h1>ผลิตภัณฑ์เบเกอรี่ขนาดเล็ก</h1> <div id="grid"> @grid.GetHtml() </div> </body> </html>ในส่วนถัดไป คุณจะได้เรียนรู้เกี่ยวกับการใช้ตัวช่วยแผนภูมิ