1

我想在没有任何服务器请求的情况下在每个单元格的工具提示中添加 html 表。Kendo 通过 api 调用提供了此功能。

$(document).ready(function() {
var tooltip = $("#target").kendoTooltip({
  iframe: false,
  content: {
    url: "*http://demos.telerik.com/kendo-ui/content/web/tooltip/ajax/ajaxContent3.html*"
    },
    width: 220,
    height: 280
  }).data("kendoTooltip");
});

有什么方法可以在不提出任何请求的情况下添加 html？

4

2 回答 2

0

content 选项也可以设置为公开事件数据的函数，包含目标元素，因此您可以根据目标元素的内容返回动态字符串（包括 HTML 元素，如前所述），例如：

例子

于 2017-01-17T17:01:01.850 回答
0

工具提示的内容配置不仅可以接受 URL，还可以接受字符串。该字符串可以包含 HTML，如下所示：

td {
  background: red;
  width: 10px;
  height: 10px;
}
<link href="http://kendo.cdn.telerik.com/2016.2.607/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="http://kendo.cdn.telerik.com/2016.2.607/styles/kendo.silver.min.css" rel="stylesheet" />
<link href="http://kendo.cdn.telerik.com/2016.2.607/styles/kendo.rtl.min.css" rel="stylesheet" />
<link href="http://kendo.cdn.telerik.com/2016.2.607/styles/kendo.common.min.css" rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script>


<body>
  <span id="target">
    Some content
  </span>

  <script>
    $(document).ready(function() {
      $("#target").kendoTooltip({
        content: "<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>"
      });
    });
  </script>
</body>

于 2017-01-17T11:27:06.003 回答