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 看起来像<{1}} ，但它确实是一个打扮的对话框。您需要手动使用Tooltip来执行您想要的操作。幸运的是，有一个great example of this in the documentation。

I've made a fiddle接受该演示并使用表格调整它的情况。如果这是你的愿望，那么每个单元格提供不同的工具提示不应该离这里太远。例如，您可以使用dijit/popup获取所有单元格并为每个单元格附加新的dojo/query。

该代码的相关部分如下。

悬停时打开对话框：

TooltipDialog

离开时关闭对话框：

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

将dojo工具提示对话框添加到每个表格单元格

1 个答案: