Question

我有以下代码 -

{ 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 }
    ]
}

在这里，我正在取一个面板内的复选框，因为我需要增加标签宽度。标签显示但未显示复选框。

我做错了什么

Answer 1

如何在FormPanel内添加复选框，如下所示：

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。尝试使用jsfiddle播放。

Answer 2

使用

构建您的应用程序

sencha app build

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

复选框标签显示但不显示复选框

2 个答案: