extjs4 - 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)
        });
    }
}

但它显示错误，如“标记名”为空，谁能给我解决方案。如何获取该提示的 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**)
    }));
}