关于grid中tooltip的内容

delphixf

Model.prototype.CrossGridCellRender = function(event){
        if (event.colName == "ContractBillAmount" && event.colVal !== undefined)
        {
            event.html = "<div class='tooltiptext' data-toggle='tooltip' data-html='true' title='<table><tr><td>123</td></tr><tr><td>456</td></tr></table>'>" +event.colVal + "</div>";   
        }
    };
中，我要求实现tooltip中显示table形式。实际运行后显示的是字符串"<table><tr><td>123</td></tr><tr><td>456</td></tr></table>",不是table形式。请问有何办法解决，谢谢。

jishuang

直接在html中放<div class='tooltiptext' data-toggle='tooltip' data-html='true' title='<table><tr><td>123</td></tr><tr><td>456</td></tr></table>'>" +event.colVal + "</div>执行结果是什么？

delphixf

我在页面中增加
<div component="$UI/system/components/bootstrap/row/row" class="row" xid="row2" style="width:100%;" data-toggle="tooltip"  title='<table><tr><td>123</td></tr><tr><td>456</td></tr></table>'></div>

报错：xXX.w, line 284, column 133: Fatal error: The value of attribute "title" associated with an element type "div" must not contain the '<' character.

jishuang

直接在html页面中放div设置title为你需要的看看
标准的html中应该就不支持

delphixf

请问实现如下图的功能，grid中如何实现，目前只能展现一串字符串。

jishuang

那可以自己在grid的点击事件中跟当前点击的元素设置div显示

delphixf

在Grid的CellRender事件中，运行后，title显示的内容是字符串，不是table格式。就像上面帖子中描述的
Model.prototype.CrossGridCellRender = function(event){
        debugger;
        if (event.colName == "ContractBillAmount" && event.colVal !== undefined)
        {
            //event.html = "<div class='tooltiptext' data-toggle='tooltip' data-html='true' title='header=[First row] body=[second row]'>" +event.colVal + "</div>";
            //event.html = "<div data-toggle='tooltip' title='<table></table>'>" +event.colVal + "</div>";
        }
    };

jishuang

这就是标准的html的展现

到网上查找标准的html中支持在div的titlte属性中支持html标签吗？

delphixf

jishuang 发表于 2018-1-22 15:28
这就是标准的html的展现

到网上查找标准的html中支持在div的titlte属性中支持html标签吗？ ...

已经查了许多个方法了。搞不定啊

jishuang

6楼已经发了方案了啊
这个是html不支持，不是平台不支持