如何在工具提示消息中包含图标

时间:2018-07-23 06:48:07

标签: javascript jquery ember.js

我需要在工具提示消息中包含下载图标,我已经尝试了以下代码:

ObjectIconView: Ember.ContainerView.extend(childMOMixin, {
                iconDownload: function () {
                              model: 'download'
                },
                mouseEnter: function(e) {
                if(type == 'Text'){
                var textUrl = {content: 'Preview is Not Available, Use '+ this.iconDownload() +'Menu'};
                this.$().tooltip(textUrl);
}
}

因为我在工具提示中调用了iconDownload。但是在输出中说undefined。我正在使用Ember 1.4.0版本。有人可以为此提供建议吗?我是Ember的新手。预先感谢

1 个答案:

答案 0 :(得分:0)

您需要更改两件事,以获取显示所需数据的工具提示。

1:从iconDownload返回内容
现在,该函数不返回任何内容,创建一个内部列表,然后不执行任何操作。
它甚至需要是一个函数,还是仅仅是一个字符串对象?

2:您没有正确访问其中的数据。
假设您实际上需要返回哈希值,那么您没有正确访问数据-您所做的只是获取对象。
有了现在的结构,您的字符串生成器将是 'Preview is Not Available, Use '+ this.iconDownload().model +'Menu'


如果可能的话,我建议进行一些其他更改。

1:使用Ember吸气剂从iconDownload获取数据。
代替this.iconDownload,请致电this.get('iconDownload.model')this.get('iconDownload')

2:将实际的工具提示文本设置为计算属性。

toolTipText: function () {
    return `Preview is Not Available, Use ${this.get('iconDownload.model')} Menu`;
}.property('iconDownload.model');

现在,您只需调用this.get('toolTipText')即可获得工具提示中的内容。

3:将mouseEnter函数移至视图的javascript的“操作”部分