asp.net-mvc-3 – Webgrid MVC 3条件行样式

发布时间：2020-12-16 06:22:28 所属栏目：asp.Net 来源：网络整理

导读：我正在使用WebGrid来显示项目列表, 我喜欢根据条件设置行的背景颜色.我想设置整行的背景颜色,而不仅仅是一个单元格. 任何例子？谢谢解决方法这是一个古老的问题,但我偶然发现它并得到一个我认为不太讨厌的答案.提供的上一个答案仅在您用于有条件地更改背

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

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

任何例子？

谢谢

解决方法

这是一个古老的问题,但我偶然发现它并得到一个我认为不太讨厌的答案.提供的上一个答案仅在您用于有条件地更改背景颜色的值是表格单元格的值时才有效.

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

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,我发现我的表中的所有行都在行的第一个单元格中有一个锚点,并将该行的类设置为“错误”.

$(document).ready(function () {
    $('table tbody tr td:first-child a[data-in-error="True"]').each(function () {
        $(this).parent().parent().addClass('error');
    });
});

希望这可以帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!