0

如何使用自定义内容显示网格的工具提示？我想展示coloumn 2和coloumn 3的工具，内容是一个span，id叫spanid还是div叫divid？

var tooltip = $("#Grid").kendoTooltip({
        filter: "td",
        width: 120,
        position: "top",
        content: value
    }).data("kendoTooltip");

我试着写这个，但它似乎是错误的。

var tooltip = $("#Grid").kendoTooltip({
        filter: "td[3n]||td[2n]",
        width: 120,
        position: "top",
        content: divid.html
    }).data("kendoTooltip");
4

2 回答 2

1

这是我的场景的工作代码，它将为所有具有类pLink的产品名称工作工具提示

$(".pLink")
    .kendoTooltip(
    {
        content: kendo.template($("#toolTipTemplate").html()),
        position: "top",
        width: "auto",
        height: "auto",
        animation: {
            close: { effects: "fadeOut zoom:out", duration: 300 },
            open: { effects: "fadeIn zoom:in", duration: 300 }
        }
    });

<script id="toolTipTemplate" type="text/x-kendo-template">
                <p class="tooltipProductName">#=target.data('title')#</p>
</script>
于 2013-04-17T19:26:28.830 回答
0 
 //show the tooltip
            tooltip = $("#grdData").kendoTooltip({
                filter: 'td:not(:first-child, :nth-child(2), :empty)',
})

这将允许您选择第一列，第二列，它还将过滤掉空单元格。您可以使用第 n 个子选择器。由于这是一个 CSS3 选择器，它可以在 IE9+ 上工作，chrome 和 firefox 不会有问题。

希望这可以帮助 ！

于 2013-07-31T08:40:05.953 回答