2013-04-17 70 views
0

如何使用自定義內容顯示網格的工具提示?我想要顯示coloumn 2和coloumn 3的工具,並且其內容是一個名爲spanid或div的稱爲divid的id的跨度?如何使用自定義內容來顯示網格的工具提示?

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"); 

回答

1

這是我的情況下工作的代碼,它會工作工具提示的所有產品名稱類砰砰

$(".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> 
0
//show the tooltip 
      tooltip = $("#grdData").kendoTooltip({ 
       filter: 'td:not(:first-child, :nth-child(2), :empty)', 
}) 

這將允許您選擇第一列第二列,它也會過濾出空單元格。您可以使用第n個子選擇器。由於這是一個CSS3選擇器,它將在IE9 +中運行,Chrome和Firefox將不會成爲問題。

希望這會有所幫助!

相關問題