我使用ExtJS DataView
为我的图片库。这是我的项目工具提示的方式。在tpl
new Ext.XTemplate(
'<tpl for=".">',
'<div class="thumb-wrap" data-qtip="{shortname}">',
'<img class="file-image" src="{thumb}" />',
'</div>'
'</tpl>'
);
它工作正常,但我想为我的工具提示设置showDelay
值。
是否有办法设置showDelay
dataview
项目的工具提示?
试着实现这样的工具提示,它会给你所有的配置选项:
在你声明你的网格后添加以下内容(其中myGridPanel是你的Ext.grid.Panel)。您可能需要根据您的需要对它进行一些调整。也把tip从模板中取出来。
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')
);
}
}
});
});
这是不可能的:"showDelay"属性不能直接从标记中设置。
来自文档:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tip.QuickTipManager
要在标记中注册快速提示,只需添加一个或多个有效的QuickTip属性,前缀为data- namespace。HTML元素本身被自动设置为快速提示目标。这是支持属性的摘要(可选,除非另有说明):
不幸的是,"showDelay"属性不支持。所以你必须找到另一种方法来实现你的quickTips