1

我有一个带有一个inputBox(input)和一个Button(byUser)的 div previewBox我正在尝试将工具提示连接到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]          
            });

如果有任何混淆，我可以提供任何进一步的细节。谢谢

4

1 回答 1

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);      
            });
          },
于 2020-03-12T18:56:06.900 回答