我有一个div previewBox ,其中有一个 inputBox(输入)和一个 Button(byUser)。我正在尝试将工具提示连接到< strong> prevBtn ,我想在工具提示中放入输入框和按钮。我知道如何将工具提示连接至div,但是我对如何将输入框插入工具提示感到困惑。如果我们可以在工具提示中添加输入框,请提供必要的信息。 谢谢。
var prevBtn = dojo.create("span", {innerHTML:"<a></a>Preview", className:"txtLink icon search"}, btnWrapr1);
var previewBox = dojo.create('div', { className: 'prevBox'}, this.rootNode);
var input = new dijit.form.TextBox({
required:true,
value: "",
maxLength: 32,
style: { width: 100+'px' }
}).placeAt(previewBox);
var byUser = new at.common.form.Button({
label: "Preview",
onClick: dojo.hitch(this, function() {
//TODO
})
}).placeAt(previewBox);
var tt = new dijit.Tooltip({
connectId: [prevBtn],
position: ['above'],
getContent:[input]
});
如有任何混淆,我可以提供更多详细信息。
答案 0 :(得分:1)
这应该有帮助
addTooltip: function(tt, message) {
var thisObj = this;
var btt = new dijit.Tooltip({
label: message,
connectId: tt,
position: ['above']
});
var previewBox = dojo.create('div', { className: 'prevBox'}, tt);
var input = new dijit.form.TextBox({
required:true,
value: "",
maxLength: 32,
style: { width: 100+'px' }
}).placeAt(previewBox);
var byUser = new dijit.form.Button({
label: "Preview",
onClick: dojo.hitch(this, function() {
//TODO
})
}).placeAt(previewBox);
dojo.connect(this, "onMouseOver", this, function(evt) {
this.cancelTooltip = false;
window.setTimeout( function(){
if (!thisObj.cancelTooltip)
btt.open(previewBox); }, 400);
});
dojo.connect(this, "onMouseDown", this, function(evt) {
this.cancelTooltip = true;
window.setTimeout( function(){ btt.close(); }, 100);
});
dojo.connect(this, "onMouseLeave", this, function(evt) {
this.cancelTooltip = true;
window.setTimeout( function(){ btt.close(); }, 1000);
});
},