ext grid 中插入单选按钮

本文介绍了一种在ExtJS Grid中实现带有列标题的单选按钮的方法,通过使用renderer自定义单元格内容,实现了既美观又实用的功能。此方案避免了CheckboxSelectionModel和ComboBox的局限性。

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

http://hi.baidu.com/northarcher/blog/item/b889dee95d912f33b90e2d52.html

 

Ext的grid里实现带列标题的radio功能
2010-03-20 13:21

最近项目需要,要在grid中加入带有列标题的单选按钮。从网上找了很久,基本就这两种解决办法:

1.CheckboxSelectionModel:缺点是列标题要么设置为空白,要么是个全选的方框,如果设置header的话文字和方框同时显示。还有是Checkbox都是以方框来显示,不像单选框的圆形框。

2.ComboBox:缺点是得点开下拉列表选择,不方便,而且要写代码来实现单选功能。

最后终于找到一种完美的解决方法,就是利用renderer,代码如下:

var cm = new Ext.grid.ColumnModel({
   columns:[
   {
            header:'单选',
            dataIndex:'isOne',
            width:70,
            renderer:function(){  
                return '<input type="radio" align="center" name="isOnename" id="isOneid" onclick="for(var i=0;i<isOnename.length;i++){if(isOnename[i].checked)alert(i)}">';  
        }
}
]

})

要点是在renderer中加入radio的代码,并且要设置radio的name,然后用枚举来选择。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值