0

我的应用程序有一个指标列表，每个指标都有其帮助按钮。单击每个按钮，会弹出一个 ToolTipDialog，其中分别定义了每个按钮。按照我编写代码的方式（如下），当用户在单击第一个帮助按钮后单击列表中的另一个帮助按钮时，内容不会刷新。我无法弄清楚如何动态更改“内容”。任何帮助将不胜感激：

HTML：

<div dojoType="dijit.layout.ContentPane" id="group1" title="Population projection" selected="true">
<table id="popIndTable">
<tr id="someID">
<td><input data-dojo-type="dijit.form.RadioButton" class="checkInd" id="checkCBR" name="checkInd" /></td>
<td id="indCBR">Crude Birth Rate</td>
<td id="infoCBR"><img id="imgCBR" src="Images/help_icon2.png"  width="16px" onClick="showToolTipDialog(this,this.id);" /></td>
</tr>
<tr>
<td><input data-dojo-type="dijit.form.RadioButton" class="checkInd" id="checkTest1" name="checkInd" /></td>
<td id="indTest1">Test 1</td>
<td id="infoTest1"><img id="imgTest1" src="Images/help_icon2.png"  width="16px" onClick="showToolTipDialog(this,this.id);" /></td>
</tr>
<tr>
<td><input data-dojo-type="dijit.form.RadioButton" class="checkInd" id="checkTest2" name="checkInd" /></td>
<td id="indTest2">Test 2</td>
<td id="infoTest2"><img id="imgTest2" src="Images/help_icon2.png"  width="16px" onClick="showToolTipDialog(this,this.id);" /></td>
</tr>
</table>
</div>

JavaScript：

function showToolTipDialog(node,infoId){
var infoText;
var infoElem = dojo.byId(infoId).parentNode.id;
if (infoElem == "infoCBR"){
infoText = "This is the text container for CBR";
}
else if (infoElem == "infoTest1"){
infoText = "This is the text container for Test1";
}
if (!tooltipDialog) {
tooltipDialog = new dijit.TooltipDialog({
content: infoText,
style: "width:200px;height:auto;",
autofocus: !dojo.isIE, // NOTE: turning focus ON in IE causes errors when reopening the dialog
refocus: !dojo.isIE
});
dijit.popup.open({ popup: tooltipDialog, around: node});
tooltipDialog.opened_ = true;
}
else {
if (tooltipDialog.opened_) {
dijit.popup.close(tooltipDialog);
tooltipDialog.opened_ = false;
}
else {
dijit.popup.open({popup: tooltipDialog, around: node});
tooltipDialog.opened_ = true;
}
}
}
4

3 回答 3

1

我相信以编程方式更改 dojo 小部件值的首选方法是使用 .set() 方法。IE：

this.myTooltipDialog.set("content", newContent);

而不是：

this.myTooltip.content = newContent;
于 2013-09-24T18:13:30.477 回答
0

看起来您从未重置工具提示对话框的内容。您创建一次，但一旦创建 ( new dijit.TooltipDialog({...})) 它仍然是静态的。

我不知道 Dojo API。但是你可以直接设置内容值吗？也许在您的第一个之后立即else：

tooltipDialog.content = infoText;

这只是一个猜测，但如果 Dojo 的 API 足够简单，那可能会成功。

如果没有，您可能必须删除您的if (!tooltipDialog) {支票。

于 2012-07-09T18:05:16.690 回答
-1

如果您的内容不太复杂，我建议您在每次调用时创建一个新的 TooltipDialog 并在模糊时将其清除，例如

var dlgDiv = dojo.create("div");
var dlg = new dijit.TooltipDialog({
    content: dlgDiv,
    onBlur: function () {
        popup.close(this);
        this.destroyRecursive();
    }
});

// you can create any content within dlgDiv at here dynamicly

dojo.popup.open({
    around: yourArondNode  ,
    orient: ["below", "before", "after", "above"],
    popup: dlg
});
dlg.focus();
于 2013-09-24T18:24:35.427 回答