Extjs6.2 简单版单元格提示

Posted 2020-10-30 xsSystem

    onRender: function (grid) {

        var tip = Ext.create(‘Ext.tip.ToolTip‘, {
            title: ‘Detail‘,
            minWidth: 800,
            maxWidth: 800,
            minHeight: 200,
            maxHeight: 200,
            showDelay: 1000,
            autoHide: false,
            target: grid.el,//Ext.getBody().el
            tools: [{
                type: ‘close‘,
                tooltip: ‘Refresh from Data‘,
                handler: function (event, toolEl, panel) {
                    this.ownerCt.ownerCt.hide();
                }
            }],
            delegate: ‘.x-grid-cell-special‘,//这行是关键，提示选择器，符合要求就弹出提示
            trackMouse: true,
            listeners: {
                beforeshow: function updateTipBody(tip) {

                    var tipTable =grid.hasOwnProperty(‘ownerCt‘)? grid.ownerCt.tipTable || grid.tipTable: grid.tipTable;// 位置不能动，grid属于下一层，tipTable定义在上一层视图
                    var id = grid.getView().getRecord(tip.triggerElement.parentElement).get(‘tf_id‘), url = ‘/S/XSux/DataTable.asp?entityName=‘
                        + tipTable + ‘&tf_id=‘ + id;

                    tip.update(‘<iframe frameborder="0" width="780" height="180" src=‘ + url + ‘></iframe>‘);
                }
            }
        });

    }