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

时间:2013-12-17 13:55:55

标签: javascript extjs extjs3

我想把属性网格行值的工具提示/ 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);
                }
            }
        });
    }

1 个答案:

答案 0 :(得分:0)

使用customRenderers插入工具提示,请点击此处:https://fiddle.sencha.com/#fiddle/290