Question

我正在尝试在复选框组中显示复选框。为了使它们与表单中的其他字段保持一致，我想要禁用该组fieldLabel，同时保留每个复选框的个别fieldLabel。但是，如果我为复选框组设置hideLabel到true，则即使我明确将hideLabel设置为false，各个复选框的字段标签也会消失。

这是可能的吗？谢谢你的帮助。

编辑：根据要求，一些代码：

config = {
    xtype: 'checkboxgroup',
    hideLabel: true,
    columns: 1,
    items: [{
        fieldLabel: 'Item 1', 
        hideLabel: false
    }, {
        fieldLabel: 'Item 2', 
        hideLabel: false
    }]
};

Answer 1

您是否在复选框上定义了boxLabel？您应该在组合上定义boxLabels，并在复选框组中将hideLabel设置为true。

Answer 2

我使用一些自定义CSS解决了这个问题。它不是将display: none设置为任何具有x-hide-label类的容器后代的标签元素，而是仅应用于作为此类容器的直接子项的标签。

.x-hide-label label.x-form-item-label {
    display: inline;
}

.x-hide-label > label.x-form-item-label {
    display: none;
}

它并不完美，但它对我有用。复选框及其标签与所有其他表单元素保持正确对齐。

ExtJS：阻止Checkbox继承其父CheckboxGroup的hideLabel属性

2 个答案: