var cssClass ;
cssClass = "fa-leaf green-icon";
var textValue = '<span class=' + cssClass + '>' + nodeName + '</span>';
稍后,我已将此文本值用于Extjs 6的网格面板中的列标题中。
播放页面时,将绿色图标类从类中删除,它变成这样
<span class="fa-leaf" green-icon>name</span>, but it should have been like
此: <span class="fa-leaf green-icon">name</span>
最佳答案
您的代码建议您从'<span class=fa-leaf green-icon>name</span>
开始,因为在创建html字符串时不包括"
引号。
请先尝试。使用字符串连接构造HTML时,必须自己在属性周围加上引号。
浏览器可以解释未包装在"
之间的属性,但是如您所见,当值包含空格时会导致问题,因为<span class="fa-leaf" green-icon>
基本上意味着span具有class属性,其值为fa-leaf和green-icon属性没有浏览器会忽略的值。
因此,请尝试:var textValue = '<span class="' + cssClass + '">' + nodeName + '</span>';
首先,看看extjs是如何反应的。