ASP.NET صفحات ويب WebGrid
WebGrid - واحدة من العديد من المفيد مساعد ويب ASP.NET.
إرسال الخاصة HTML الخاص بك
في الجزء السابق، الذي استخدمته كود الشفرة يعرض بيانات قاعدة البيانات، كافة العلامات HTML هي مكتوبة بخط اليد:
مثيل قاعدة البيانات
@{
var db = Database.Open("SmallBakery");
var selectQueryString = "SELECT * FROM Product ORDER BY Name";
}
<html>
<body>
<h1>Small Bakery Products</h1>
<table>
<tr>
<th>Id</th>
<th>Product</th>
<th>Description</th>
<th>Price</th>
</tr>
@foreach(var row 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>
var db = Database.Open("SmallBakery");
var selectQueryString = "SELECT * FROM Product ORDER BY Name";
}
<html>
<body>
<h1>Small Bakery Products</h1>
<table>
<tr>
<th>Id</th>
<th>Product</th>
<th>Description</th>
<th>Price</th>
</tr>
@foreach(var row 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";
var data = db.Query(selectQueryString);
var grid = new WebGrid(data);
}
<html>
<head>
<title>Displaying Data Using the WebGrid Helper</title>
</head>
<body>
<h1>Small Bakery Products</h1>
<div id="grid">
@grid.GetHtml()
</div>
</body>
</html>
var db = Database.Open("SmallBakery") ;
var selectQueryString = "SELECT * FROM Product ORDER BY Id";
var data = db.Query(selectQueryString);
var grid = new WebGrid(data);
}
<html>
<head>
<title>Displaying Data Using the WebGrid Helper</title>
</head>
<body>
<h1>Small Bakery Products</h1>
<div id="grid">
@grid.GetHtml()
</div>
</body>
</html>
تشغيل المثال »