Halaman Web ASP.NET WebGrid

Penulis：Eve Cole Waktu Pembaruan：2024-12-30 18:24:01

WebGrid - Salah satu dari banyak pembantu web ASP.NET yang berguna.

Bagian ini memperkenalkan Anda pada penggunaan pembantu WebGrid secara detail.

HTML ditulis sendiri

Di bab sebelumnya, Anda menggunakan kode Razor untuk menampilkan data database. Semua markup HTML ditulis tangan:

Contoh basis data

 @{var db = Database.Open("SmallBakery"); var selectQueryString = "PILIH * DARI PESANAN Produk BERDASARKAN Nama";
 <html> <body> <h1>Produk Roti Kecil</h1> <table> <tr> <th>Id</th> <th>Produk</th> <th>Deskripsi</th> <th>Harga </th> </tr> @foreach(baris var di db.Query(selectQueryString)){
 <tr> <td>@baris.Id
 </td> <td>@baris.Nama
 </td> <td>@row.Deskripsi
 </td> <td align="right">@row.Harga
 </td> </tr> }
 </tabel> </tubuh> </html>

Menggunakan bantuan WebGrid

Pembantu WebGrid menyediakan cara yang lebih mudah untuk menampilkan data.

Pembantu WebGrid:

Secara otomatis membuat tabel HTML untuk menampilkan data

Mendukung opsi pemformatan yang berbeda

Mendukung tampilan halaman data

Mendukung penyortiran dengan mengklik judul daftar

Contoh WebGrid

 @{ var db = Database.Open("SmallBakery") ; var selectQueryString = "PILIH * DARI PESANAN Produk BERDASARKAN Id"; var data = db.Query(selectQueryString);
 <html> <head> <title>Menampilkan Data Menggunakan WebGrid Helper</title> </head> <body> <h1>Produk Roti Kecil</h1> <div id="grid"> @grid.GetHtml()
 </div> </tubuh> </html>

Di bagian selanjutnya, Anda akan mempelajari tentang penggunaan Chart helper.