如何在没有任何api或ajax的情况下在kendo工具提示中为每个单元格添加html表？
如何在没有任何api或ajax的情况下在kendo工具提示中为每个单元格添加html表？
提问于 2017-01-17 15:12:49
我想在没有任何服务器请求的情况下为每个单元格添加一个工具提示内的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？
回答 2
Stack Overflow用户
发布于 2017-01-17 19:27:06
工具提示的内容配置不仅可以接受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>
Stack Overflow用户
发布于 2017-01-18 01:01:02
还可以将content option设置为公开包含目标元素的事件数据的函数，以便您可以根据目标元素的内容返回动态字符串(包括HTML元素，如前所述)，例如：
Example
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41690994
复制相关文章
相似问题
腾讯云开发者
