ASP.NET Web पेज - 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>

उदाहरण चलाएं