2013-08-29 6 views
0

Я пытаюсь добавить всплывающую подсказку по кнопке переполнения extjs, но я не могу найти способ сделать это. Он также не упоминается в документах. Кто-нибудь мог это сделать? Либо это, либо изменяя текст для кнопкиВсплывающая подсказка Extjs на кнопке переполнения

enter image description here

Я нашел

overflowText: 'More >' 

Но это не похоже на работу

ответ

2

Вы можете добавить всплывающую подсказку к кнопке перелива во время afterrender Событие панели инструментов. Целевой элемент будет this.layout.overflowHandler.menuTrigger.el в событии afterrender.

Рабочая jsFiddlehttp://jsfiddle.net/gJjTY/ (значок переполнения в правом нижнем углу панели инструментов значок не делает из-за отсутствия УСС)

Ext.create('Ext.toolbar.Toolbar', { 
    renderTo: document.body, 
    width : 300, 
    margin : '5 0 0 0', 
    layout : {overflowHandler: 'Menu' }, 
    items : [ 
     { 
      text : 'This is a Button', 
      tooltip: 'This is a tip', 
     }, 
     { 
      text : 'This is another button', 
     }, 
     { 
      text : "this is yet another button!" 
     } 
    ], 
    listeners: { 
     afterrender: function(view){ 
      var me = this; 
      console.log(me); 
      Ext.Function.defer(function(){ 
       Ext.create('Ext.tip.ToolTip', { 
        target  : me.layout.overflowHandler.menuTrigger.el, 
        anchor  : 'left', 
        dismissDelay : 0, 
        showDelay : 0, 
        autoHide  : true, 
        html   : "This is a tooltip!" 
       }); 
      }, 100); 
     } 
    } 
}); 

Ext.onReady(function(){ 
    Ext.QuickTips.interceptTitles = true; 
    Ext.QuickTips.init(); 
}); 
+0

Большое спасибо John Hall. Это именно то, что я пытаюсь сделать. Sweeeeeeeeeeeeeeeeeet :) – EagleFox

+0

Знаете ли вы, как добавить всплывающую подсказку в пункты меню переполнения? Все мои элементы панели инструментов имеют всплывающую подсказку, пока они не войдут в меню переполнения, а затем всплывающая подсказка не работает. @John Hall – Programmingjoe

+0

@joe Вы можете, вероятно, изменить один из свойств * tplAttr компонента Component, чтобы включить «data-qtip = {tip}», и до тех пор, пока вы инициализируете QuickTips и предоставляете Компоненту правильные данные (т. Е. Для подачи шаблона), он должен «просто работать» –