您的位置: 首页  >  技术问答  >  对齐tooltipdialog顶部

对齐tooltipdialog顶部

分类: 技术问答 • 2022-08-03 09:15:06
问题描述：

我使用使用道场有tooltipdialog下面的代码,,通过使用此代码的对话框文本框下方可见的，但我希望看到上面的文本框..对齐tooltipdialog顶部

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>JSP Page</title> 
    <script language="JavaScript" src="dojo/dojoroot/dojo/dojo.js" type="text/javascript">  
     </script> 
     <script language="JavaScript" src="dojo/dojoroot/dijit/TooltipDialog.js" type="text/javascript" >  
     </script> 
<link rel="stylesheet" href="dojo/dojoroot/dijit/themes/claro/claro.css" /> 

     <script> 
     dojo.require("dijit.TooltipDialog"); 

dojo.ready(function(){ 
    var myTooltipDialog = new dijit.TooltipDialog({ 
     id: 'myTooltipDialog', 
     style: "width: 100px;", 

     content: "<p>Nitin.", 
     onMouseLeave: function(){ 
      dijit.popup.close(myTooltipDialog); 
     } 
    }); 

    dojo.connect(dojo.byId('thenode'), 'onmousedown', function(){ dijit.popup.open({popup: myTooltipDialog, around: dojo.byId('thenode')}) ;}); 
}); 
     </script> 



    </head> 
    <body class="claro"> 

<br/> 
<br/> 
<input type="text" id="thenode"/> 


    </body> 
</html>

请给我一些解决方案..

答

在dijit.popup.open函数的参数对象中指定'orient'属性。

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>JSP Page</title> 
<script src="./dojo-release-1.7.3-src/dojo/dojo.js"></script> 
<link rel="stylesheet" href="./dojo-release-1.7.3-src/dijit/themes/claro/claro.css" /> 
<script> 
    require([ "dojo/ready", "dijit/TooltipDialog" ], function(ready, TooltopDialog) { 
    ready(function(){ 
     var myTooltipDialog = new TooltopDialog({ 
     id : 'myTooltipDialog', 
     style : "width: 100px;", 

     content : "<p>Nitin.</p>", 
     onMouseLeave : function() { 
      dijit.popup.close(myTooltipDialog); 
     } 
     }); 

     dojo.connect(dojo.byId('thenode'), 'onmousedown', function() { 
     dijit.popup.open({ 
      popup : myTooltipDialog, 
      around : dojo.byId('thenode'), 
      orient: ['above'] 
     }); 
     }); 
    }); 
    }); 
</script> 
</head> 
<body class="claro"> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <input type="text" id="thenode" /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
</body> 
</html>

dojo/dijit/popup.js：252在Dojo 1.7.3发布。

orient = args.orient || ["below", "below-alt", "above", "above-alt"],

相关推荐