將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來完成所需的操作。 幸運的是， 在文檔中有一個很好的例子 。

我做了一個小提琴 ，將它演示並用桌子調整到您的情況。 如果您願意的話，為每個單元格創建不同的工具提示應該離這里不遠。 例如，您可以使用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);
    }
});