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 значения для моей подсказки.

Есть ли способ установить showDelay для dataview item tooltip?

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') 
       ); 
      } 
     } 
    }); 
}); 

Answer 2

Это невозможно: свойство showDelay не может быть установлено непосредственно из разметки.

Из документации: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tip.QuickTipManager

Чтобы зарегистрировать быстрый наконечник в разметке, вы просто добавить один или несколько из допустимых атрибутов QuickTip с префиксом data- имен. Сам элемент HTML автоматически устанавливается как цель быстрого наконечника. Вот сводка поддерживаемых атрибутов (необязательно, если не указано иное):

К сожалению, свойство showDelay не поддерживается. Поэтому вам нужно найти другой способ реализовать свои быстрые подсказки.