Extjs 3.4 中属性网格行值的工具提示 /Qtip(鼠标悬停）

Tool tip /Qtip (mouse over) for Property grid row values in Extjs 3.4

本文关键字：Qtip 工具提示 鼠标 悬停 属性 网格 Extjs      更新时间：2023-09-26

我想为属性网格行值放置工具提示/Qtip（鼠标悬停），但似乎没有任何效果..我尝试了下面的代码，但没有用...请让我完成我做错了什么..

Ext.getCmp('PropertyGrid').getView().on('render', function(view) {
        addToolTip(view);
    });
    function addToolTip(view){ debugger;
        view.tip = Ext.create('Ext.tip.ToolTip', {
            target: view.el,
            delegate: view.cellSelector,
            trackMouse: true,
            renderTo: Ext.getBody(),
            listeners: {
                beforeshow: function updateTipBody(tip) {
                    var gridColums = view.getGridColumns();
                    if(tip.triggerElement.cellIndex<0){
                        return false;
                    }
                    var column = gridColums[tip.triggerElement.cellIndex];
                    var val=view.getRecord(tip.triggerElement.parentNode).get(column.dataIndex);
                    tip.update(val);
                }
            }
        });
    }

使用自定义渲染器插入工具提示，请在此处摆弄：https://fiddle.sencha.com/#fiddle/290

相关文章：