项目中easyui-tooltip提示消息运用

最新推荐文章于 2019-12-13 16:32:51 发布

转载最新推荐文章于 2019-12-13 16:32:51 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ryans/p/6512622.html

文章标签：

#javascript #ViewUI

本文介绍了如何在 EasyUI 的 datagrid 组件中使用 tooltip 功能来增强用户体验。通过简单的 JavaScript 和 HTML 结构，可以为表格中的每个单元格添加提示信息。

easyui datagrid tooltip
 
 对数据增加： 
{field:'roomCode',title:'房间名称',width:100
      ,formatter: function (value, data, index) { 
         return '<span title="Hello, I am tooltip."  class="easyui-tooltip">'+value+'</span>' 
       }
}

对datagrid增加
onLoadSuccess:function(data){
 $(".easyui-tooltip").tooltip({
         onShow: function () {
              (this).tooltip('tip').css({
                   borderColor: '#000'
               });
         }
 });
}