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値を設定します。

をdataviewアイテムのツールチップに設定する方法はありますか？

Answer 1

ではなく、それはあなたの設定オプションのすべてを与えるだろう。このようなツールチップを実装してみます。必要に応じて調整する必要があるかもしれません。また、テンプレートからヒントを取り出してください。

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属性の1つまたは複数を追加します。 HTML 要素自体がクイックヒントターゲットとして自動的に設定されます。 サポートされている属性のサマリー（別途記載がない限りオプション）：

残念ながら、「showDelay」プロパティはサポートされていません。したがって、クイックヒントを実装する別の方法を見つける必要があります。あなたは、グリッドを宣言した後

は以下を追加します（myGridPanelがあなたのExt.grid.Panelです）：