Javascript 向每个表格单元格添加dojo工具提示对话框
我正在为每个表格单元格添加一个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
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);
}
});
嘿,托马斯,很抱歉没有尽快回复,这是我正在寻找的好吧,谢谢分享。。。非常感谢