帶有工具提示的網格

我有一個帶圖像列的網格來顯示是否有錯誤。如果這是一個錯誤，我想在用戶將鼠標懸停在圖像上時顯示一條帶有消息的工具提示。該消息將來自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") + "'/>" + 

        "# } #" 

       ); 

          )

來源

2014-01-25 Greg Gum

給你的圖像需要的類別，添加錯誤信息作爲數據屬性（例如<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 
    } 
});

（partial demo）

來源

2014-01-25 23:54:11

由於已經很多@Lars –

我是能夠使這項工作只使用標準的瀏覽器工具提示是這樣的：

columns.Bound(c => c.ReportName).Title("").Width(25).ClientTemplate(
        "# if (HasError == true) { #" + 
         "<img style='margin-top: 5px;' src='" + Url.Content("Images/error.png") + "' title='#=ErrorMessage#'/>" + 
        "# } else { #" + 
          "<img style='margin-top: 5px;' src='" + Url.Content("Images/success.png") + "' />" + 
        "# } #"

來源

2014-01-25 23:53:54

帶有工具提示的網格

回答

相關問題