Question

我正在使用Extjs来创建UI。所以我用列创建了网格。我的任务是将工具提示添加到某些单元格，但只添加部分文本。我尝试使用meta.tdAttr = 'data-qtip="Activity is in use"';看起来很有效，但是当我只想要一些文本时，我会在整个单元格上设置工具提示。

这是我的意识：

                        {
                            hideable : false,
                            width : 200,
                            flex : 1,
                            dataIndex : 'name',
                            text : 'Name',
                            renderer :  function(value, meta, record) {
                                meta.tdCls += ' '
                                        + this.getValidation()
                                                .getHighestLevelCls(
                                                        record.modelType,
                                                        record.id);
                                var inUseClass = '';
                                if (record.get('descendants').length > 0) {
                                    meta.tdAttr = 'data-qtip="Activity is in use"'; // here is tool tip setter
                                    inUseClass = Glyphs
                                            .getIconClass('dot-circle-o');
                                } else {
                                    inUseClass = Glyphs
                                            .getIconClass('circle-o');
                                }
                                return Glyphs.wrapClass(inUseClass,
                                        'font-size:10; color:black;',
                                        '&nbsp;&nbsp;')
                                        + value;
                            }
                        }

正如您在单元格中看到的那样，我打印Glyph（它是某种图标被解释为文本，取自AwesomeFonts.com）+值（文本值），所以当我只用鼠标悬停Glyth时我需要显示工具提示。也许有人可以建议我解决任何问题？

Answer 1

您可以尝试从渲染器返回<span>，然后将所有属性应用到它：

renderer: function(value) {
    return '<span data-qtitle="QTip Example" data-qwidth="200" '+
           'data-qtip="This is a quick tip from a custom renderer!">'+
            value+'</span>';
}},

小提琴here。（我尝试使用普通文本，但概念类似）

ExtJs将工具提示添加到网格单元格文本

1 个答案: