WebGrid - 많은 유용한 ASP.NET 웹 도우미 중 하나입니다.
이 섹션에서는 WebGrid 도우미의 사용 방법을 자세히 소개합니다.
이전 장에서는 Razor 코드를 사용하여 데이터베이스 데이터를 표시했습니다. 모든 HTML 마크업은 손으로 작성되었습니다.
@{var db = Database.Open("SmallBakery"); var selectQueryString = "SELECT * FROM 제품 ORDER BY 이름"; <html> <body> <h1>소형 베이커리 제품</h1> <table> <tr> <th>ID</th> <th>제품</th> <th>설명</th> <th>가격 </th> </tr> @foreach(db.Query(selectQueryString)의 var 행){ <tr> <td>@row.Id </td> <td>@row.이름 </td> <td>@row.설명 </td> <td align="right">@row.Price </td> </tr> } </table> </body> </html>WebGrid 도우미는 데이터를 표시하는 더 쉬운 방법을 제공합니다.
WebGrid 도우미:
데이터를 표시하기 위해 HTML 테이블을 자동으로 생성
다양한 서식 옵션 지원
지원 데이터 페이징 디스플레이
목록 제목을 클릭하여 정렬 지원
@{ var db = Database.Open("SmallBakery") ; var selectQueryString = "SELECT * FROM Product ORDER BY Id"; var data = db.Query(selectQueryString) } <html> <head> <title>WebGrid 도우미를 사용하여 데이터 표시</title> </head> <body> <h1>소형 빵집 제품</h1> <div id="grid"> @grid.GetHtml() </div> </body> </html>다음 섹션에서는 차트 도우미 사용에 대해 알아봅니다.