Kendo 网格上的工具提示模板

Question

我正在使用 kendoTooltip 来显示网格数据。当它悬停在数据中时，状态只显示 y/n 而不是 Yes/No。知道如何通过使用像 column/template

这样的模板来显示 Yes/No

  $("#grid").kendoTooltip({
    filter: "tbody td", 
    position: "bottom",
    width: 200,
    content: function(e){
      var dataItem = $("#grid").data("kendoGrid").dataItem(e.target.closest("tr"));
      var content = ["Status      : " + dataItem.status + "<br/>",
                     "Outlet Type : " + dataItem.outletType + "<br/>",
                     "Name        : " + dataItem.name + "<br/>", 
                    ];
      return content;
    }
  }).data("kendoTooltip");

FULL DEMO IN HERE

Answer 1

您的 dataItem 为您提供了准确的 y 和 n，因此您可以像这样修复它：

$("#grid").data("kendoGrid").dataItem(e.target.closest("tr"));
      console.log("dataItem",dataItem);
      if(dataItem.status ==="y") var fullStatus = "yes";
      if(dataItem.status ==="n") var fullStatus = "no";
      var content = ["Status            : " + fullStatus + "<br/>",
                     "Outlet Type : " + dataItem.outletType + "<br/>",
                     "Name            : " + dataItem.name + "<br/>", 
                    ];
      return content;
    }
  }).data("kendoTooltip");
});