网格上的Kendo工具提示模板

Question

我正在使用kendoTooltip来显示网格数据。当它悬停在data中时，status仅显示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");
});