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 ਹੈਲਪਰ:

  • ਸਮਾਚਾਰ ਹੈਡਰਿੰਗ ਸਵੈਚਾਲਿਤ ਤੌਰ 'ਤੇ ਬਣਾਉਣਾ
  • ਸਹਾਰਾ ਹੈ ਕਿ ਵੱਖ-ਵੱਖ ਫਾਰਮੈਟਿੰਗ ਚੋਣਾਂ
  • ਸਹਾਰਾ ਹੈ ਕਿ ਸਮਾਚਾਰ ਪੇਜਿਨੇਸ਼ਨ
  • ਸਹਾਰਾ ਹੈ ਕਿ ਕਲਮ ਟਾਈਟਲ ਨੂੰ ਕਲਿੱਕ ਕਰਕੇ ਕਰਨ ਲਈ ਕਰਨ ਵਾਲਾ ਹੈ

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>ਸਮਾਲ ਬੈਕਰੀ ਪ੍ਰੋਡਕਟਸ</h1> 
<div id="grid"> 
@grid.GetHtml()
</div> 
</body> 
</html>

ਇੰਸਟੈਂਸ ਚਲਾਓ