2012-01-03 61 views
2

我爲我的圖片庫使用ExtJS DataView。這是我的項目提示方式。它在tplExtjs DataView顯示工具提示

new Ext.XTemplate(
    '<tpl for=".">', 
     '<div class="thumb-wrap" data-qtip="{shortname}">', 
      '<img class="file-image" src="{thumb}" />', 
     '</div>' 
    '</tpl>' 
); 

它的正常工作,但我要爲我的提示showDelay值。

有什麼辦法來設置showDelaydataview道具欄?

回答

7

嘗試實施提示這樣的,相反,它會給你所有的配置選項:

添加以下聲明網格(其中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

是的,這是工作great.My問題解決了。提前預計:) – jeewiya 2012-01-05 06:51:56

0

這是不可能的了:「showDelay」屬性不能從標記直接設置。

從文檔:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tip.QuickTipManager

要註冊在標記一個快速提示,只需添加一個或多個與數據 - 命名空間爲前綴的 有效QuickTip屬性。 HTML 元素本身被自動設置爲快速提示目標。這裏是 支持的屬性摘要(可選,除非另有說明):

不幸的是,「showDelay」屬性不受支持。所以你必須找到其他的方式來實現你的quicktips。