ASP.NET Web Pages - ابزار WebGrid

WebGrid - یکی از ابزارهای مفید ASP.NET Web است.

HTML نوشتن دستی

در فصل‌های پیشین، ما از کد razor برای نمایش داده‌های دیتابیس استفاده کردیم و تمامی برچسب‌های HTML را به صورت دستی نوشتیم:

Database نمونه

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
}
<html> 
<body> 
<h1>چھوٹی باکری پروڈکٹس</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>WebGrid Helper کے استعمال سے اعداد و شمار پیش کرنا</title> 
</head> 
<body> 
<h1>چھوٹی باکری پروڈکٹس</h1> 
<div id="grid"> 
@grid.GetHtml()
</div> 
</body> 
</html>

مثال چلانا