我如何操作 WebGrids?
How do I manipulate WebGrids?
我正在使用 ASP.NET 和 MVC 模式。
我有以下代码用于设置列的样式:
<div id="grid">
@grid.GetHtml(columns: grid.Columns(
grid.Column("Amount", "Amount", canSort: true, style: "column"),
grid.Column("ShelfLife", "ShelfLife", canSort: true, style: "column"),
grid.Column("Size", "Size", canSort: true, style: "column"),
grid.Column("Type", "Type", canSort: true, style: "column"),
grid.Column("Unit", "Unit", canSort: true, style: "column")
))
</div>
我使用以下代码为网格加载数据:
@{
ViewBag.Title = "ListView";
Layout = "~/Views/Shared/_Layout.cshtml";
var grid = new WebGrid(Model, defaultSort: "null");
}
这可能是一种漫长而微不足道的方法...但我想知道如何操作网格中的内容?例如,我想为每一行添加一个按钮。我还想每隔一行重新着色一次。我该怎么做?
您可以使用样式来更改网格中行的颜色,并选中此 link 以操纵网格。
您可以在单独的 css 文件中定义自定义 css class
.comments {
width: 500px;
}
然后将这个class赋值给对应的元素:
webGrid.Column(columnName: "TRP_Comments", header: "Comments", style: "comments")
我正在使用 ASP.NET 和 MVC 模式。 我有以下代码用于设置列的样式:
<div id="grid">
@grid.GetHtml(columns: grid.Columns(
grid.Column("Amount", "Amount", canSort: true, style: "column"),
grid.Column("ShelfLife", "ShelfLife", canSort: true, style: "column"),
grid.Column("Size", "Size", canSort: true, style: "column"),
grid.Column("Type", "Type", canSort: true, style: "column"),
grid.Column("Unit", "Unit", canSort: true, style: "column")
))
</div>
我使用以下代码为网格加载数据:
@{
ViewBag.Title = "ListView";
Layout = "~/Views/Shared/_Layout.cshtml";
var grid = new WebGrid(Model, defaultSort: "null");
}
这可能是一种漫长而微不足道的方法...但我想知道如何操作网格中的内容?例如,我想为每一行添加一个按钮。我还想每隔一行重新着色一次。我该怎么做?
您可以使用样式来更改网格中行的颜色,并选中此 link 以操纵网格。
您可以在单独的 css 文件中定义自定义 css class
.comments {
width: 500px;
}
然后将这个class赋值给对应的元素:
webGrid.Column(columnName: "TRP_Comments", header: "Comments", style: "comments")