Question

我想在文字后面加一个红色星号。有没有办法在js代码中直接添加css代码？像参数样式一样，但仅适用于星号。我正在使用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，则仅在左侧打印完整文本。和span适用于"fieldLable"，但span不适用于"text"。

Answer 1

使用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 2

在标签后添加面板：

{
    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 3

这是另一种解决方案。使用class和：之前。 fiddle

Xtype中的红色星号：'label'

3 个答案: