Question

如果禁用验证文本框，如何在验证文本框中显示dijit.tooltip。

目前<div dojoType="dijit.Tooltip" id = "SomeId" connectId="someId" label = "Hello" ></div>

但这仅适用于已启用的验证框，如何在禁用的框中显示此内容。

Answer 1

html部分

 <span id="abcd">
 <input type="text" disabled="true" dojoType="dijit.form.ValidationTextBox" id="someId11" />
 </span>
 <div dojoType="dijit.Tooltip" connectId="someId11" jsId="tt1" label = "Hello" ></div>

JS PARt

<script>
 dojo.require("dijit.form.ValidationTextBox");
dojo.require("dijit.Tooltip");
dojo.require("dijit.TooltipDialog");
dojo.require("dojox.fx");

var dialog;

dojo.addOnLoad(function() {

dojo.connect(dijit.byId('someId11').domNode,'mouseenter', function(){
    console.log("HI")
    tt1.open(this)
})

dojo.connect(dojo.byId('abcd'),'mouseleave', function(e){       
    //e.preventDefault ();
    //e.stopPropagation ();
    tt1.close();        
    console.log("HI2")
    //return;

})


tt1.addTarget(dojo.query('input', dijit.byId('someId11').domNode))

Answer 2

试试这个

require(["dijit/Tooltip", "dojo/domReady!"], function(Tooltip){
       new Tooltip({
       connectId: ["TestButton"],
       label: "Tooltip for button"
    });
        new Tooltip({
    connectId: ["TestingTooltip"],
    label: "Testing the tooltip options in DOJO"
    });
 });
 dijit.Tooltip.defaultPosition = ["above"];

您也可以在标签中提供HTML标签。

在禁用的验证文本框上显示dojo工具提示

2 个答案: