MVC WebGrid行根据某字段的值显示不一样的颜色?

witeem 2016-04-28 10:33:26
帮公司维护一个网站,数据表都是用MVC自带的WebGrid进行绑定的。 但是现在遇到一个需求就是:数据行需根据某字段的值显示不同的颜色以作为提醒。(我也想过只用一个单元格的颜色不同来区分,但是我想问问有没有可能通过行的颜色来区分)
以下是代码绑定方式:
  @{   
var grid = new WebGrid(
source: Model,
fieldNamePrefix: "grid_",
defaultSort: "dt",
canPage: true,
canSort: true,
ajaxUpdateContainerId: "DivGrid",
pageFieldName: "paging",
sortFieldName: "sortField",
rowsPerPage: 20);
}
@grid.GetHtml(
alternatingRowStyle: "",
selectedRowStyle: "t3",
rowStyle: "",
headerStyle: "",
footerStyle: "",
tableStyle: "table table-striped table-bordered bootstrap-datatable datatable",
firstText: "首页",
previousText: "上一页",
nextText: "下一页",
lastText: "末页",
caption: "",
mode: WebGridPagerModes.All,
fillEmptyRows: true,
columns: grid.Columns(
grid.Column("groups", "招商组"),
grid.Column("costomername", "客户姓名"),
grid.Column("costomerphone", "客户电话"),
grid.Column("comedate", "到访日期"),
grid.Column("xqareas", "需求面积"),
grid.Column("regions", "区域"),
grid.Column("userid", "办理人"),
grid.Column("issign", "是否签约 "),
grid.Column("详情编辑", format: @<text>@Ajax.ActionLink("详情编辑", "BusDetal", new { id = item.receiveID }, new AjaxOptions { UpdateTargetId = "main" }, new { @class = "btn btn-info" })</text>),
grid.Column("附表详情", format: @<text>@Ajax.ActionLink("附表详情", "BsonDetal", new { id = item.receiveID }, new AjaxOptions { UpdateTargetId = "main" }, new { @class = "btn btn-info" })</text>)
//grid.Column("删除", format: @<text>@Ajax.ActionLink("删除", "BusDel", new { id = item.receiveID }, new AjaxOptions { UpdateTargetId = "main" }, new { @class = "btn btn-warning", onclick = "return confirm('确认删除?')" })</text>)
))

...全文
119 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

62,244

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧