Extjs radiogroup

本文介绍ExtJS中单选按钮组的基本用法及注意事项,重点讲解了宽度设置、items选项配置等内容,并分享了一些使用心得。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

new Ext.form.RadioGroup({
     fieldLabel : "性别",
     allowBlank : true,
     width:400,
     boxMaxWidth:200,
     name : "sextest",
     items:[{boxLabel:'男',value:'jishi'},{boxLabel:'女',value:'yuyue'}]
    })

上面是基本用法,结合api学习起来比较快

本人除了项目里反复用到的那几个textField之外,第一次真正来学习这个框架,对于这个单选按钮组,心得如下:

1. 宽度的问题,就是按钮组里的单选按钮之间的宽度,如果不设置width属性来确定他的固定宽度,那么boxMaxWidth属性无效,extjs会自动布局,填充页面

2. items选项,items设置的json数组,可以通过设置xtype来改变类型,发现一个有意思的地方:如果设置的类型有效,则显示该设置,如果无效,会忽略,不会报js错误,比如::{boxLabel:'男',value:'jishi',xtype:'radio',tetst:'this is test attr'}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值