Extjs DataView 显示工具提示

Question

我正在为我的图片库使用 ExtJS DataView。这是我的项目工具提示方式。它在 tpl 中。

 new Ext.XTemplate(
    '<tpl for=".">',
        '<div class="thumb-wrap" data-qtip="{shortname}">',
            '<img class="file-image" src="{thumb}" />',
        '</div>'
    '</tpl>'
 );

它工作正常，但我想为我的工具提示设置 showDelay 值。

有什么方法可以为 dataview 项工具提示设置 showDelay 吗？

Answer 1

尝试实现这样的工具提示，它会给你所有的配置选项:

在声明网格后添加以下内容(其中 myGridPanel 是您的 Ext.grid.Panel)。您可能需要根据需要对其进行一些调整。同时从模板中取出尖端。

myGridPanel.getView().on('render', function(view) {
    view.tip = Ext.create('Ext.tip.ToolTip', {
        target: view.el,
        delegate: view.itemSelector,
        trackMouse: true,
        minWidth: 300, 
        maxWidth: 500,
        dismissDelay: 0,
        showDelay: 800,
        renderTo: Ext.getBody(),
        listeners:{
            beforeshow: function updateTipBody(tip){
                tip.update(
                    view.getRecord(tip.triggerElement).get('shortname')
                );
            }
        }
    });
});