Hello,
Like the title says i am trying to show tooltip only on rows that exist in my array. I have a kendo grid with a checkbox, whichever checkbox the user clicks on i am storing that row in my $ctr.selectedRows[];
The example i have below, the tooltip shows up on all rows when they go back to their selection grid. I am either missing something, doing this wrong, or both.
$("#grid").kendoTooltip({
show: function(e){
$ctr.selectedRows.forEach((element) => {
this.content.parent().css("visibility", "visible");
})
},
hide:function(e){
this.content.parent().css("visibility", "hidden");
},
filter: "td:nth-child(1)", //this filter selects the first column cells
position: "center",
content: function(e){
var dataItem = $("#grid").data("kendoGrid").dataItem(e.target.closest("tr"));
var content = "Currently we have " + dataItem.UnitsInStock + " " + dataItem.ProductName +"in stock";
return content;
}
}).data("kendoTooltip");