صفحات ويب ASP.NET WebGrid

الكاتب：Eve Cole وقت التحديث：2024-12-30 18:24:01

WebGrid - أحد مساعدي ويب ASP.NET العديدين المفيدين.

يقدم لك هذا القسم كيفية استخدام مساعد WebGrid بالتفصيل.

HTML كتبته بنفسي

في الفصول السابقة، استخدمت كود Razor لعرض بيانات قاعدة البيانات وكانت جميع علامات HTML مكتوبة بخط اليد:

مثيل قاعدة البيانات

 @{var db = Database.Open("SmallBakery"); var SelectQueryString = "SELECT * FROM Product ORDER BY Name" };
 <html> <body> <h1>منتجات المخابز الصغيرة</h1> <table> <tr> <th>المعرف</th> <th>المنتج</th> <th>الوصف</th> <th>السعر </th> </tr> @foreach(varrow in 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 طريقة أسهل لعرض البيانات.

مساعد WebGrid:

إنشاء جدول HTML لعرض البيانات تلقائيًا

يدعم خيارات التنسيق المختلفة

دعم عرض صفحات البيانات

يدعم الفرز من خلال النقر على عنوان القائمة

مثيل WebGrid

 @{ var db = Database.Open("SmallBakery") ; var SelectQueryString = "SELECT * FROM Product ORDER BY Id";
 <html> <head> <title>عرض البيانات باستخدام مساعد WebGrid</title> </head> <body> <h1>منتجات المخابز الصغيرة</h1> <div id="grid"> @grid.GetHtml()
 </div> </body> </html>

في القسم التالي، ستتعرف على استخدام مساعد الرسم البياني.