Красная звездочка в Xtype: 'label'

Question

Я хочу поставить красную звездочку после текста. Есть ли способ добавить непосредственно код css в js-код? Как стиль параметра, например, но только для asterisk. Я работаю над Extjs. 3.4

Вот код.

{ 
xtype: 'label', 
style: "font-size:11px;font-weight:bold;", 
text: 'Note<span style="color:red">*</span> If any job applicant is failed,you can find it in the error log.', 
// fieldLabel: 'Note<span style="color:red">*</span>: If any job applicant is failed,you can find it in the error log.', 
} 

,

Если я использую fieldLabel, полный текст печать только на левой стороне. и диапазон работает для "fieldLable", но диапазон не работает для "text".

Answer 1

Добавить панель после этикетки, как:

{ 
    xtype: 'label', 
    forId: 'myFieldId', 
    text: 'Note', 
},{ 
    xtype:'panel', 
    html:'<span style="color:red;">*</span> If any job applicant is failed,you can find it in the error log.' 
} 

Answer 2

Использование html вместо text.

Ext.onReady(function() { 
 
    new Ext.FormPanel({ 
 
    height: 100, 
 
    renderTo: Ext.getBody(), 
 
    items: [{ 
 
     xtype: 'label', 
 
style: "font-size:11px;font-weight:bold;", 
 
html: 'Note<span style="color:red">*</span> If any job applicant is failed,you can find it in the error log.', 
 
    }] 
 
}); 
 
});

<link rel="stylesheet" href="https://cdn.sencha.com/ext/gpl/3.4.1.1/resources/css/ext-all.css"> 
 
<script type="text/javascript" src="https://cdn.sencha.com/ext/gpl/3.4.1.1/adapter/ext/ext-base-debug.js"></script><script type="text/javascript" src="https://cdn.sencha.com/ext/gpl/3.4.1.1/ext-all-debug.js"></script>

Answer 3

Вот еще одно решение. Использование класса и: раньше. fiddle