jQuery MiniUI

 找回密码
 立即注册
查看: 3027|回复: 2
打印 上一主题 下一主题

datagrid的drawcell事件中调用cellHtml绘制的tooltip无法显示 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2017-10-24 12:49:01 |只看该作者 |倒序浏览
var grid2 = mini.get("datagrid2");
grid2.load();
grid2.on("drawcell", function (e) {
        var record = e.record;
        if (field == "lkwj_title") {
        e.cellHtml = "<a href='javascript:;' data-tooltip='我是提示' data-placement='topright' >测试提示</a>" ;
        }
});

这样无法显示提示

在同一个页面其他标签上直接加data-tooltip='我是提示' data-placement='topright'  可以显示

Rank: 8Rank: 8

沙发
发表于 2017-10-24 13:27:55 |只看该作者
http://www.miniui.com/demo/#src=tooltip/grid.html
表格内绘制的tooltip请参考这个示例。
和直接外面的tooltip是不一样的。
e.cellHtml = "<a class='showTips' ............
var tip = new mini.ToolTip();
    tip.set({
        target: document,
        selector: '.showTips',
        onbeforeopen: function (e) {
            e.cancel = false;
        },
        onopen: function (e) {      
            var el = e.element;
            var tips = $(el).data("tooltip");
            tip.setContent(tips);
        }
    });

Rank: 2

板凳
发表于 2017-10-24 15:23:34 |只看该作者
dforce 发表于 2017-10-24 13:27
http://www.miniui.com/demo/#src=tooltip/grid.html
表格内绘制的tooltip请参考这个示例。
和直接外面的to ...

谢谢版主!

Archiver|普加软件

GMT+8, 2024-9-21 15:28 , Processed in 1.032773 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部