zoukankan      html  css  js  c++  java
  • easyui datagrid tooltip

    直接在formatter里使用class="easyui-tooltip"不生效,看其它人说是被过滤了,因此要手工另外修复它 

    第一步,formatter里增加titile提示语句 

    function formatWorkroomName(value, row, index) {
        var a = "<a title="" + value + "" class="easyui-tooltip" onclick='goEditP("" + row.id + "")'>" + value + "</a>";
        return a;
    }

    第二步,在DataGrid的onLoadSuccess事件中,修复tooltip,并可以自定义样式

    onLoadSuccess: function () {
                //加载项目进度图标
                loadPieIcon();
                //设置tooltip
                $(".easyui-tooltip").tooltip({
                    onShow: function () {
                        $(this).tooltip('tip').css({
                            'backgroundColor': '#ffffff',
                            borderColor: '#ff0000',
                            boxShadow: '1px 1px 3px #292929'
                        });
                    }
                });
            }

    参考:http://blog.csdn.net/winnyrain/article/details/51151604

  • 相关阅读:
    Ruby(1):入门
    html 制作静态页面新知识
    mysql 可视化界面操作指令
    html 基础
    Eclipse导入Java工程导入错误
    shell 25个常用命令
    java JDBC
    java 8新特性 instant
    git
    spring mvc 注解详解
  • 原文地址:https://www.cnblogs.com/time-on/p/7940897.html
Copyright © 2011-2022 走看看