ExtJS:防止复选框继承其父复选框组的hideLabel属性
我试图在复选框组中显示复选框。为了使它们与表单中的其他字段对齐,我想禁用组的ExtJS:防止复选框继承其父复选框组的hideLabel属性,extjs,checkbox,Extjs,Checkbox,我试图在复选框组中显示复选框。为了使它们与表单中的其他字段对齐,我想禁用组的字段标签,同时保留每个复选框的单个字段标签。但是,如果我将复选框组的hideLabel设置为true,则各个复选框的字段标签也会消失,即使我显式地将hideLabel设置为false 这可能吗?谢谢你的帮助 编辑:根据要求,一些代码: config = { xtype: 'checkboxgroup', hideLabel: true, columns: 1, items: [{
字段标签
,同时保留每个复选框的单个字段标签
。但是,如果我将复选框组的hideLabel
设置为true
,则各个复选框的字段标签也会消失,即使我显式地将hideLabel
设置为false
这可能吗?谢谢你的帮助
编辑:根据要求,一些代码:
config = {
xtype: 'checkboxgroup',
hideLabel: true,
columns: 1,
items: [{
fieldLabel: 'Item 1',
hideLabel: false
}, {
fieldLabel: 'Item 2',
hideLabel: false
}]
};
是否在复选框上定义了一个boxLabel?您应该在组合框上定义BoxLabel,并在checkboxgroup上将hideLabel设置为true。我使用一些自定义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;
}
这并不完美,但对我来说很管用。复选框及其标签与所有其他表单元素保持正确对齐。我不想使用boxLabel,因为我更喜欢标记为其他表单字段的复选框:字段标签在左侧,字段本身在右侧。此外,我不需要在组本身上使用fieldLabel。如果找不到其他解决方案,我会使用它,因为它不是“完美的”。您可以使用boxAlign属性将标签精确放置在您希望的位置。也可以完全不使用fieldLabel或boxLabel属性,而只使用Ext.form.Label对象。我在任何地方都找不到对boxAlign属性的引用,并且使用Ext.form.Label对象在单独的行上分别显示标签和复选框,因为它们是checkboxgroup中的单个项目。我记得以前使用过它。。。我在当前的API文档中找不到它。。。