Kendo ui 网格上的剑道工具提示模板
Im使用Kendo ui 网格上的剑道工具提示模板,kendo-ui,kendo-grid,kendo-tooltip,Kendo Ui,Kendo Grid,Kendo Tooltip,Im使用kendoTooltip显示网格数据。当它悬停在数据中时,状态仅显示y/n,而不是Yes/No。您知道如何使用类似于列/模板的模板来显示是/否 $("#grid").kendoTooltip({ filter: "tbody td", position: "bottom", width: 200, content: function(e){ var dataItem = $("#grid").data("kendoGrid").dataI
kendoTooltip
显示网格数据。当它悬停在数据中时,状态仅显示y
/n
,而不是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");
$(“#网格”).kendoTooltip({
过滤器:“tbody td”,
位置:“底部”,
宽度:200,
内容:职能(e){
var dataItem=$(“#网格”).data(“kendoGrid”).dataItem(e.target.closest(“tr”));
var content=[“状态:”+dataItem.Status+“
”,
出口类型:“+dataItem.outletType+”
“,
名称:“+dataItem.Name+”
“,
];
返回内容;
}
}).数据(“kendoTooltip”);
您的数据项正好为您提供了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");
});
$(“#网格”).data(“kendoGrid”).dataItem(例如target.nexist(“tr”);
console.log(“dataItem”,dataItem);
如果(dataItem.status==“y”)var fullStatus=“是”;
如果(dataItem.status==“n”)var fullStatus=“否”;
var content=[“状态:”+fullStatus+“
”,
出口类型:“+dataItem.outletType+”
“,
名称:“+dataItem.Name+”
“,
];
返回内容;
}
}).数据(“kendoTooltip”);
});
仅当鼠标悬停在出口类型时,才可能出现工具提示