关于 extjs4:extjs 4 在 tabpanel 的网格上渲染工具提示

extjs 4 rendering tooltip on grid on tabpanel

我正在使用 Extjs 4


  • Ext.QuickTips.init() 应该只被调用 1 次并且需要重新定位到全局位置。
  • 您需要将呈现的定义重新定位到它所属的实际列:{ ..., dataIndex : 'myColumn', rendered : function (value, metaData, etc) { return value; }, title : 'My Column Title', ... }
  • 编辑

    下面是一个例子:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    Ext.define('MyApp.view.ItemManager', {
        extend: 'MyApp.view.ui.ItemManager',

        initComponent: function() {
            //Ext.QuickTips.init(); // move to global js file. only call once.
            var me = this;
            me.callParent(arguments);

            if (!me.down('#itemManager').columns[3].renderer) {
                me.down('#itemManager').columns[3].renderer=function(value,metaData,record,colIndex,store,view) {
                    var imgpath="<img style=\'margin: 2px 0;height:150px;width:150px;\' src=\' /items/"+record.data.id +" '/>";

                    metaData.tdAttr = 'data-qtip=" '+imgpath +'"' ;
                    return ''+ record.data.img_filename +'';
                }
            }
        }
    });