Question

我遇到了设置收音机组中每个单选按钮宽度的问题。

xtype: 'container',
id: 'cntCompany',
layout: 'hbox',
fieldLabel: 'Company',
items: [
    {
        xtype: 'radiogroup',
        id: 'rdogrpCompany',
        items: [
            { id: 'rdoIT', boxLabel: 'IT', name: 'rdoCompany', inputValue: 'IT', width: 40, checked: true },
            { id: 'rdoCOMMS', boxLabel: 'COMMS', name: 'rdoCompany', width: 40, inputValue: 'Comms' },
            { id: 'rdoGROUP', boxLabel: 'GROUP', name: 'rdoCompany', width: 40, inputValue: 'Group' },
            { id: 'rdoALL', boxLabel: 'ALL', name: 'rdoCompany', width: 40, inputValue: 'All', margins: '0 0 0 30' }
        ]
    }
]

我设置每个单选按钮的宽度，但它无法正常工作。为什么这个radiogroup拉伸为相同宽度的列并忽略宽度：40？我如何设置每个单选按钮的宽度？

Answer 1

默认情况下，Combo-Group / Radio-Group使用列布局来对齐分组元素。并且如果没有设置其他内容，则使用'auto'作为默认值。

控件将在一行和宽度上每列呈现一个每列的数据将根据宽度均匀分布整体现场集装箱。这是默认值。

基于API，这是一个布局问题。请注意，如果您没有定义一个，ExtJS将使用默认布局。因此，请更改布局或尝试columns: 1解决您的问题。

API-Link

编辑： 根据评论，正确答案为columns: [40, 40, 40, 40]

ExtJS 3.4 Radiogroup strech关闭

1 个答案: