將dojo工具提示對話框添加到每個表格單元格

Question

我正在爲每個表格單元格添加一個dojo工具提示對話框，以便當我將鼠標懸停在每個單元格的內容上時。我正在使用工具提示對話框，因爲它上面有可點擊的內容。

我知道這是可能使用工具提示控制如下

require(["dijit/Tooltip", "dojo/query!css2", "dojo/domReady!"], function(Tooltip){ 
new Tooltip({ 
    connectId: "myTable", 
    selector: "tr", 
    getContent: function(matchedNode){ 
     return matchedNode.getAttribute("tooltipText"); 
    } 
}); 
}); 

我找不到反正做的提示對話框相似，有什麼建議？

Answer 1

dijit/TooltipDialog看起來像Tooltip，但它確實是一個打扮的對話框。你需要手動使用dijit/popup來做你想做的事。幸運的是，有一個great example of this in the documentation。

I've made a fiddle接受該演示並調整到您的情況與表。如果這是您的願望，爲每個單元格製作不同的工具提示應該不會太離譜。例如，您可以使用dojo/query來獲取所有單元格，併爲每個單元格附加一個新的TooltipDialog。

該代碼的相關部分如下。

打開徘徊在對話框：

on(dom.byId('table1'), 'mouseover', function(){ 
    popup.open({ 
     popup: myTooltipDialog, 
     around: dom.byId('table1') 
    }); 
}); 

離開時關閉對話框：

var myTooltipDialog = new TooltipDialog({ 
    // ... 
    onMouseLeave: function(){ 
     popup.close(myTooltipDialog); 
    } 
});