title: Kendo UI: Conditionally preventing a Tooltip from being displayed on a Grid cell
body: <p>I'm working on trying to display a Kendo tool tip on a grid cell, getting the content from an ajax call. My tooltip declaration looks like the below:</p>
  
  <pre><code>    var grid = $("#myGrid").data("kendoGrid");
  
      grid.table.kendoTooltip({
          width: 300,
          height: 200,
          opacity: 0,
          callout: true,
          position: 'right',
          animation:
          {
              close: {
                  effects: "fade:out"
              },
              open: {
                  effects: "fade:in",
                  duration: 1000
              }
          },
          contentTemplateId: "tooltipTemplate",
          filter: "td",
          show: function (e) {
  
          },
          content: function (e) {
              var target = e.target;
              currentTarget = target;
  
              var message = "Loading...";
              if ($(currentTarget[0]).attr("name") !== undefined) {
                 //Do ajax call, show tool tip
              }
              else {
                  //CLOSE THE TOOTLIP
                  return false;
              }
          }
      });
  </code></pre>
  
  <p>In that bottom "else", I want to close or hide the tooltip since I don't have the attribute "name", which is passed into my ajax call to show the content. I've tried all of the following:</p>
  
  <pre><code>$("#myGrid").data("kendoGrid").table.kendoTooltip.hide();
  $("#myGrid").data("kendoTooltip").hide();
  e.sender.popup.destroy();
  e.sender.popup.hide();
  e.sender.popup.close();
  </code></pre>
  
  <p>None of these work! Destroy is the closest, but I can't recreate the tool tip when I need it again. Any advice? </p>