Extjs 复选框标签为DIPLYS，但复选框未显示

我有以下代码-

{ fieldLabel: 'Date', name: 'Date', xtype: 'datefield' }
{ fieldLabel: 'Name', name: 'PerName', xtype: 'textfield' },
{
    xtype: 'panel',
    layout: 'form',
    border: false,
    labelWidth: 200,
    items: [                
        this.fields.check1 = { xtype: 'checkbox', name: 'Check1', fieldLabel: 'Checkbox 1', width: 320 },
        this.fields.check2 = { xtype: 'checkbox', name: 'Check2', fieldLabel: 'Checkbox 2', width: 320 }
    ]
}

在这里，我在面板中选择复选框，因为我需要增加标签宽度。 标签正在显示，但复选框未显示

---

我做错了什么

用

sencha app build

---

看起来您只需要为部署而构建，然而，开发版本使用生产css。因此，无论何时添加新类，您都需要构建应用程序来重新创建css以包含新类样式。

如何在

表单面板中添加复选框

var myPanel = new Ext.form.Panel({
    alias: 'widget.myformPanel',
    renderTo: Ext.getBody(),

    defaults: {
        labelWidth: 100,
    },

    items: [{ 
        xtype: 'checkbox', 
        name: 'Check1', 
        fieldLabel: 'Checkbox 1'
    }, { 
        xtype: 'checkbox', 
        name: 'Check2', 
        fieldLabel: 'Checkbox 2'
    }]
});

通过这种方式，您可以设置formPanel项的
labelWidth
。
尝试使用它。
要更改标签，请使用
labelWidth
而不是
width
@JanS，我尝试过。。它不起作用。你能提供一把小提琴吗？我碰巧看到
sencha应用程序手表开发
显示了这个框，但是
sencha应用程序手表生产
没有显示它。你知道发生了什么事吗（似乎与您所说的有关，但是
sencha应用程序构建[生产]
不要修复它。首先，你需要消除可能导致错误的原因，主要是过时的缓存-多次硬加载浏览器，清除浏览器缓存。它也可能是错误的构建-使用--clean标志重新构建，升级Sencha cmd，等等。它也可能是你自己的冲突sass/css，覆盖Ext默认值。最后，它可能是错误的可能是一个bug-向Sencha报告。似乎有时也需要升级Sencha应用程序