在工具提示中附加 div 的内容

Question

我有一个 div previewBox 有一个 inputBox(input) 和一个 Button(byUser ) 我正在尝试将工具提示连接到 prevBtn，我希望 tooltip.I 中的输入框和按钮知道如何将工具提示连接到 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]          
            });

如果有任何进一步的细节，我可以提供 confusion.Thanks

Answer 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);      
            });
          },

在工具提示中附加 div 的内容

Attach content of a div inside tooltip

javascript

java

dojo

tooltip

dijit.form