web控件使用--tooltip

栏目：eas cloud知识作者：金蝶来源：金蝶云社区发布：2024-09-22浏览：1

web控件使用--tooltip

简介：tooltip可以用于任何元素上的标题显示提示信息

示例1：鼠标移到某个控件上显示提示信息

waf("#id").wafTooltip("setContent","提示信息内容");

示例2：在指定元素弹出提示信息

waf('#tooltip-input1').wafTooltip({

title: "提示信息内容",

trigger:"hover focus",

placement:"right",

container:waf("#entry") //在指定的元素上弹出提示

});

效果图：

示例3：鼠标移到分录表格上提示信息

/**页面打开后事件*/
pageOnLoadAfter:function(e){
          /**打开页面时默认新增了一行，这一行要单独处理*/
          var firstRowId =  waf("#entries").wafGrid("getRowId",1)
          $("#entries").wafGrid("getCellObject",firstRowId,'convertMode').wafTooltip("setContent","提示/内容3");      
      
     	 /**新增行时设置tip*/
          waf("#entries").wafGrid('option',"afterInsertRow",function(rowid,rowdata,rowelem){
                  $("#entries").wafGrid("getCellObject",rowid,'convertMode').wafTooltip("setContent","提示/内容2");      
          });
      }