我在定义ColumnModel是这样的[code="js"]
var bs_cm = new Ext.grid.ColumnModel([
{
header:'名称',
dataIndex:'key',
width:20
},{
header:'URL',
dataIndex:'value'
},{
header:'启用',
dataIndex:'isOn',
renderer:function(){
return '';
}
}
]);[/code]
但是这些radio不能单选
要怎么样才能实现单选呢
如果你不是做行单选.
而是某个单元格中几个radio的单选.
那就是传统的html问题了... 设置同一个name即可
单选的解决方案:
[quote]
Ext的选择模式有Select和checkbox两种。
checkbox选择模式又支持配置行是否可以多选,但是不论如何配置最终显示的都是checkbox框,如果是只允许单选而又要显示checkbox图片则意义上有点说不过去。但ext的grid的确没有radiobox的啊。
只能自己想办法去解决了,摸索了一下发现还是有解决办法的:
代码如下:
//此处判断如果是checkboxSelectionModel并且是singleSelect单选,然后调用下面的代码
var gridEl=grid.getEl();
gridEl.select('div.x-grid3-hd-checker').removeClass('x-grid3-hd-checker'); //删除表头的checkbox
grid.store.on('load', function() { //数据加载完毕替换为checkbox列增加一个class,然后我们在这个class中修改图片
gridEl.select("div[class=x-grid3-row-checker]").each(function(x) {
x.addClass('x-grid3-row-radioBtn');
});
});
CSS代码如下:
.x-grid3-row-radioBtn{background-image:url(../../images/grid/row-radio-sprite.gif); /*一个radio图片*/}[/quote]
图片:
[img]http://dl.iteye.com/upload/attachment/145250/a63bc4b9-dff4-3542-8010-395bd1ddd738-thumb.gif[/img]