Как дать два имени класса CSS вместе, второе удаляется после рендеринга страницы?

Question

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>

Answer 1

Ваш код предполагает, что вы начинаете с '<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 реагирует на него.