2012-09-08 62 views
1

我有在它提示的圖表,我究竟想要做的是,我需要使用XTemplate設置爲提示是這樣的標題:Extjs4如何使用XTemplate在提示

tips = { 
    trackMouse: true, 
    width: 120, 
    height: 23, 
    renderer: function(storeItem, item) { 
     var myTemplate = new Ext.XTemplate('<p> {Value} </p>') 
     myTemplate.overwrite(this.title, { 
      Value : storeItem.get(Field) 
     }); 
    } 
} 

卻是露出像'標記名'錯誤是空的,任何人都可以給我這個解決方案。我如何獲得該提示的div ID,以及如何爲tooltip設置標題?

感謝

回答

2

試試這個

沒有XTemplate

renderer: function(storeItem, item) { 
    this.setTitle(Ext.String.format('<p>{0}</p>', storeItem.get(**title field name**)); 
} 

隨着XTemplate

renderer: function(storeItem, item) { 
    var tpl = Ext.create('Ext.XTemplate', '<p>', '{Value}', '</p>'); 

    this.setTitle(tpl.apply({ 
     Value: storeItem.get(**title field name**) 
    })); 
} 
+0

工作,但它的速度太慢:(提示會有時 – hsnGunda

+0

您還可以設置[後出現顯示](http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tip.ToolTip-cfg-showDelay)和[隱藏](http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tip.ToolTip-cfg-hideDelay)延遲 – maxmalov