Extjs4如何在工具提示中使用XTemplate

Question

我有一个带有工具提示的图表，我想要做的是我需要使用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)
        });
    }
}

但它显示错误，如'tagname'为null，任何人都可以给我解决方案。如何获得该提示的div id以及如何为工具提示设置标题？

由于

Answer 1

试试这个

没有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**)
    }));
}