大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
What is the WebGrid?
The WebGrid is a helper that was included on the new Beta 1 version of ASP.NET MVC 3 (Changes can happens since it is a beta version) that enable us to show data easily.
With a simple command @grid.getHtml() we have as return a populated table, with paging, sorting and alternated lines. Want more? yes, it follows the webstandards.
The WebGrid constructor takes a number of parameters. Only one is mandatory. Here’s an explanation of all of them:
System.Collections.Generic.IEnumerable sourceThe collection of objects
System.Collections.Generic.IEnumerable columnNames = nullThe names of the columns appearing in the grid
string defaultSort = null
The name of the column to sort the grid by default
int rowsPerPage = 10The number of rows to display per page is paging is enabled
bool canPage = trueDetermines if the WebGrid can be paged
bool canSort = trueDetermines if the WebGrid can be sorted
string ajaxUpdateContainerId = nullThe id of the containing element for Ajax paging and sorting support
string ajaxUpdateCallback = nullThe callback function for Ajax paging and sorting support
string fieldNamePrefix = nullThe value which prefixes the default querystring fields
string pageFieldName = nullA value that replaces the default querystring page field
string selectionFieldName = nullA value that replaces the default querystring row field
string sortFieldName = nullA value that replaces the default querystring sort field
string sortDirectionFieldName = nullA value that replaces the default querystring sortdir field
The GetHtml method renders the grid. To render a simple grid with no formatting, use the following code. I’m using the model that’s being passed in to the view for these examples.
Controller:
public ActionResult WebGrid()
{
return View(VideoRepository.FindAll().OrderByDescending(v=>v.CreateTime));
}
View:
@model IEnumerable
@{
ViewBag.Title = “WebGrid”;
Layout = “~/Areas/Admin/Views/Shared/Layout.cshtml”;
}
WebGrid
@{
var grid = new WebGrid(Model, rowsPerPage: 2);
@grid.GetHtml(
tableStyle: “data-table”,
columns: grid.Columns(
grid.Column(“Title”),
grid.Column(header: “Image”, format: (item) => Html.Raw(string.Format(“
“, item.ImageName))),
grid.Column(“CreateTime”, format: (item) => string.Format(“{0:d}”, item.CreateTime))
)
)
}
CSS:
/* data-table */
.data-table
{
border: #DDDDDD 1px solid;
width: 100%;
background:#FFF;
}
.data-table thead th
{
padding: 5px 10px;
text-align: left;
border: 1px solid #DDDDDD;
border-bottom: 1px solid #C1C8D2;
background-color: #F2F4F6;
font-size: 13px;
}
.data-table td
{
line-height: 20px;
padding: 5px 10px;
border: 1px solid #DDDDDD;
}
.data-table tr:hover
{
background-color: #F3F3F3;
}
.data-table td a
{
text-decoration: underline;
}
.data-table tfoot td
{
font-weight: bold;
padding: 10px 0;
text-align: center;
}
.data-table tfoot a
{
border: 1px solid #9AAFE5;
color: #2E6AB1;
display: inline-block;
margin: 0 2px;
padding: 0 5px;
text-decoration: none;
}
Result:
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/188881.html原文链接：https://javaforall.net
