Javascript 将div的内容附加到工具提示中
我有一个divpreviewBox,其中有一个inputBox(input)和一个按钮(byUser)我正在尝试将工具提示连接到prevBtn,我希望我的输入框和按钮位于工具提示内。我知道如何将工具提示连接到div,但我对如何将inputbox插入工具提示感到困惑。如果我们可以在工具提示中添加输入框,请提供必要的信息。 多谢各位Javascript 将div的内容附加到工具提示中,javascript,java,dojo,tooltip,dijit.form,Javascript,Java,Dojo,Tooltip,Dijit.form,我有一个divpreviewBox,其中有一个inputBox(input)和一个按钮(byUser)我正在尝试将工具提示连接到prevBtn,我希望我的输入框和按钮位于工具提示内。我知道如何将工具提示连接到div,但我对如何将inputbox插入工具提示感到困惑。如果我们可以在工具提示中添加输入框,请提供必要的信息。 多谢各位 var prevBtn = dojo.create("span", {innerHTML:"<a></a>Preview", className
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]
});
var prevBtn=dojo.create(“span”{innerHTML:“Preview”,className:“txtLink图标搜索”},btnWrapr1);
var previewBox=dojo.create('div',{className:'prevBox'},this.rootNode);
var input=new dijit.form.TextBox({
要求:正确,
值:“”,
最大长度:32,
样式:{宽度:100+'px'}
}).placeAt(预览框);
var byUser=new at.common.form.Button({
标签:“预览”,
onClick:dojo.hitch(this,function()){
//待办事项
})
}).placeAt(预览框);
var tt=新的dijit.工具提示({
康涅狄格州:[prevBtn],
职位:['在'上面'],
getContent:[输入]
});
如果有任何混淆,我可以提供任何进一步的细节。谢谢这应该会有所帮助
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);
});
},
您使用的是什么dojo版本?非常感谢您的回复。我正在使用dojo-1.6.1,但我仍然无法配置它。如果可能的话,我真的很想知道如何在工具提示中添加一个输入框。谢谢好的,我使用的是1.10,它与1.6有点不同。你能发布所有必要的代码来尝试这个问题吗?