我有一个带有图像列的网格，以显示是否存在错误。如果这是一个错误，当用户将鼠标悬停在图像上方时，我想显示一条带有消息的工具提示。该消息将来自c.ErrorMessage。
是否有有关如何执行此操作的示例？我搜索了，但找不到。
@(Html.Kendo().Grid<GridLineItem>().Name("grid").Columns(columns =>
{
columns.Bound(c => c.ReportName).Title("Status").ClientTemplate(
"# if (HasError == true) { #" +
"<img src='" + Url.Content("Images/error.png") + "'/>" +
"# } else { #" +
"<img src='" + Url.Content("Images/success.png") + "'/>" +
"# } #"
);
)
给您的图片一个类，将错误消息添加为数据属性（例如<img class='error' data-error='my error message'/>），然后添加工具提示，如下所示：
$('#grid').kendoTooltip({
filter: ".error",
content: function (e) {
var target = e.target; // the element for which the tooltip is shown
return $(target).data("error"); // get the tooltip content from the error attribute
}
});
（部分演示）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句