Extjs ——radiogroup子元素宽度调整

时间:2023-03-10 02:18:09
Extjs ——radiogroup子元素宽度调整

配置项

类型

说明

allowBlank

Boolean

设置是否必须选择至少一项,true表示可以不选,false表示不能为空至少选一项,默认为true

blankText

String

当allowBlank设置为true并且没有选择任何复选框时的错误提示信息

columns

String/Number/Array

设置列数量,有效值包括

'auto':自动平分字段容器的宽度

Number:指定列数

Array:指定列宽的数组,可以使用整数和浮点数,例如[100,.23,.75],整数将被有限渲染,剩余的空间按浮点数百分比进行分隔,浮点数和不能大于1

items

Array

复选框或复选框配置对象的数组

看到columns这一行,默认子元素宽度都是平均分的~~这里我用的是Array的方法去做的。

                         '内容:',
{
xtype: 'radiogroup',
fieldLabel: '内容',
id:'rest_type',
width:200,
columns:[50,75,75],
items: [
{boxLabel: '全部', name: 'rest_type', inputValue: 0,checked: true},
{boxLabel: '本函改动', name: 'rest_type',inputValue: 1},
{boxLabel: '原有差异', name: 'rest_type', inputValue: 2}
]
}

我这里指定了宽度了columns:[50,75,75], 当然你也可以columns:[100,.75,.25]就是说总宽度减去100,剩下的按比例去分