Extjs DataView для отображения подсказок - PullRequest
Новая
       27

Extjs DataView для отображения подсказок

2 голосов
/ 03 января 2012

Я использую 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 элемента подсказки?

Ответы [ 2 ]

7 голосов
/ 04 января 2012

Попробуйте вместо этого реализовать всплывающие подсказки, в результате вы получите все параметры конфигурации:

Добавьте следующее после того, как объявите свою сетку (где 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')
                );
            }
        }
    });
});
0 голосов
/ 03 января 2012

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

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

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

К сожалению, свойство showDelay не поддерживается. Таким образом, вы должны найти другой способ реализации ваших подсказок.

...