javascript - Extjs 在Checkbox两侧添加标签

Question

在表单面板中，我有几个字段和复选框。我的表单目前如下所示:

    this.questionary= new Ext.form.FormPanel({
        labelWidth: 100,
           /... some further properties .../
        border: false,
        items: [
            {
                xtype: 'checkbox',
                id: 'chkHasCar',
                name: 'checkboxHasCar',
                fieldLabel: 'Has Car'
            },
            {
                xtype: 'checkbox',
                name: 'checkboxisEmployed',
                id: 'chkisEmployed',
                fieldLabel: 'Is employed'
            },
          /... Some more items ... /
        ]
    });

产生

Has Car      <<checkbox>>
Is employed  <<checkbox>>

我想知道是否可以更改第二个复选框，使其看起来像这样:

Has Car      <<checkbox>>
Is employed  <<checkbox>> (Attention ... )

(Attention ...) 部分应该只是另一个标签，但位于另一侧。那么我可以将两个标签添加到同一个复选框(每个标签位于不同的一侧，而不需要太多外来代码)吗？我似乎在 Sencha 论坛上找不到任何相关内容

Answer 1

可以使用boxLabel (和fieldLabel):

An optional text label that will appear next to the checkbox. Whether it appears before or after the checkbox is determined by the boxLabelAlign config.

或者afterBoxLabelTextTpl :

An optional string or XTemplate configuration to insert in the field markup after the box label text. If an XTemplate is used, the component's subTpl data serves as the context.

示例:https://fiddle.sencha.com/#fiddle/e59