Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向每个表格单元格添加dojo工具提示对话框_Javascript_Dojo - Fatal编程技术网

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

Javascript 向每个表格单元格添加dojo工具提示对话框,javascript,dojo,Javascript,Dojo,我正在为每个表格单元格添加一个dojo工具提示对话框,这样当我将鼠标悬停在每个单元格上时,内容就会显示出来。我使用工具提示对话框是因为上面有可单击的内容 我知道这是可能的使用工具提示控件如下 require(["dijit/Tooltip", "dojo/query!css2", "dojo/domReady!"], function(Tooltip){ new Tooltip({ connectId: "myTable", selector: "tr", getCont

我正在为每个表格单元格添加一个dojo工具提示对话框,这样当我将鼠标悬停在每个单元格上时,内容就会显示出来。我使用工具提示对话框是因为上面有可单击的内容

我知道这是可能的使用工具提示控件如下

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

我找不到类似的工具提示对话框,有什么建议吗?

dijit/TooltipDialog
看起来像一个
工具提示
,但它确实是一个精心设计的对话框。您需要手动使用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);
    }
});
离开时关闭对话框:

on(dom.byId('table1'), 'mouseover', function(){
    popup.open({
        popup: myTooltipDialog,
        around: dom.byId('table1')
    });
});
var myTooltipDialog = new TooltipDialog({
    // ...
    onMouseLeave: function(){
        popup.close(myTooltipDialog);
    }
});

嘿,托马斯,很抱歉没有尽快回复,这是我正在寻找的好吧,谢谢分享。。。非常感谢