首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Webgrid MVC 3条件行样式

Webgrid MVC 3条件行样式
EN

Stack Overflow用户
提问于 2012-09-19 13:57:12
回答 2查看 2.8K关注 0票数 4

我正在使用WebGrid来显示项目列表,

我喜欢根据条件设置行的背景颜色。我想设置整个行的背景颜色,而不仅仅是一个单元格。

有什么例子吗?

谢谢

EN

回答 2

Stack Overflow用户

发布于 2013-10-15 02:19:44

这是一个古老的问题,但我只是偶然发现了它,并得到了一个我认为不太老生常谈的答案。仅当您用来有条件地更改背景颜色的值是表格单元格的值时,前面提供的答案才有效。

如果不是这样,您可以使用WebGridColumn的data-属性为表行中的第一个单元格设置格式属性。在这里,我的表的第一列包含超链接的ID。我在我的代码隐藏(MVC中的控制器操作)中定义了它,并且我已经从我的对象的IsInError属性添加了一个data-in-error属性。您可以以对您的应用程序有意义的任何方式设置此属性的值。

代码语言:javascript
运行
复制
new WebGridColumn 
{ 
    ColumnName = "Id", 
    Header = "ID", 
    Format = (x) => new HtmlString(String.Format("<a href=\"#\" data-in-error=\"{0}\">{1}</a>", x.Value.IsInError, x.Value.Id))
});

然后,使用jQuery,我找到表中在该行的第一个单元格中具有锚点的所有行,并将该行的类设置为“error”。

代码语言:javascript
运行
复制
$(document).ready(function () {
    $('table tbody tr td:first-child a[data-in-error="True"]').each(function () {
        $(this).parent().parent().addClass('error');
    });
});

希望这能有所帮助。

票数 3
EN

Stack Overflow用户

发布于 2012-10-18 16:10:03

jQuery是一种选择吗?如果是这样,请查看:http://devpinoy.org/blogs/keithrull/archive/2010/06/09/how-to-change-table-cell-color-depending-on-its-value-using-jquery.aspx

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12489279

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档