Рабочий стол ExtJS 4 - как установить подсказку на рабочем столе для рабочего стола

Question

Каков наилучший способ установки всплывающей подсказки для ярлыка на рабочем столе?

В моем getDesktopConfig() Я создаю массив ярлыков с полями iconCls, module, name. Вот пример добавления модуля пользователей ярлык к массиву, а затем установить массив как свойство данных магазина ярлыки данных, который используется для создания ярлыков на рабочем столе:

Ext.define("MyDesktop.App", { 
extend: "Ext.ux.desktop.App", 

.... 

getDesktopConfig:   function() { 
    var b = this; 
    var a = b.callParent(); 

    ..... 

    shortcut_data.push({ 
      iconCls:  "users-shortcut", 
      module:   "users-module-window", 
      name:   "Users" 
     }); 

    ...... 

    return Ext.apply(a,{ 
     contextMenuItems: [{ 
      text:   "Dashboards", 
      handler:   b.onDashboards, 
      scope:   b 
     }], 
     shortcuts:   Ext.create("Ext.data.Store",{ 
      model:   "Ext.ux.desktop.ShortcutModel", 
      data:   shortcut_data 
     }), 
     wallpaper:   "/assets/MyApp_Wallpaper.jpg", 
     wallpaperStretch: false 
    }) 
}) 
}, 
..... 

Answer 1

Если предположить, что ярлыки генерируются производную от кнопки я бы пошел со всплывающей подсказкой: «some text» config для shortcut_data.

Answer 2

Добавить поле в Ext.ux.desktop.ShortcutModel для вашей всплывающей подсказки. Здесь я назвал его qtipText. Ext.ux.desktop.ShortcutModel показать выглядеть следующим образом:

Ext.define('Ext.ux.desktop.ShortcutModel', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     { name: 'name' }, 
     { name: 'iconCls' }, 
     { name: 'module' }, 
     { name: 'qtipText' } 
    ] 
}); 

Теперь, когда вы определили ваши ярлыки, добавить это поле со значением для подсказки:

shortcut_data.push({ 
      iconCls:  "users-shortcut", 
      module:   "users-module-window", 
      name:   "Users", 
      qtipText:  "Open Users Window" 
     }); 

В методе InitComponent из Ext.ux .desktop.Desktop, вы увидите, что есть прослушиватель для события itemclick для shortcutsView. Просто добавьте еще один приемник для itemmouseenter события:

me.shortcutsView.on('itemmouseenter', me.onShortcutItemMouseEnter, me); 

определить обработчик следующим образом:

onShortcutItemMouseEnter: function (dataView, record) { 
    if(!dataView.tip) 
     dataView.tip = Ext.create('Ext.tip.ToolTip', { 
      target: dataView.el, 
      delegate: dataView.itemSelector,        
      trackMouse: true, 
      html: record.get('qtipText') 
     }); 
    else 
     dataView.tip.update(record.get('qtipText')); 
}, 

dataView.tip оленья кожа существовать в первый раз, и мы создаем подсказку для этого вида. позже мы просто обновляем текст подсказки в соответствии с записью (соответствующий ярлыку, на который переместилась мышь).