在Ext的grid里实现带radio单选功能的gridList

    08年用Extjs做项目，对grid中的利用CheckboxSelectionModel来实现的单选功能，总是无法将其多选框变为单选框。虽然后来通过radio类型的input进行迭代，勉强实现相关功能，但是对其效果很不满意。

 

    今天又遇到ext的列表单选问题，在网上搜索，并未发现较好的解决方案（基本上都是迭代替换），所以将ext2.3的api下载下来，发现其中并无radio风格的SelectionModel接口，于是自己利用Photoshop制作了一个radio选择图片，然后编写了相关的RadioboxSelectionModel.css样式和RadioboxSelectionModel.js接口扩展（依然继承Ext.grid.RowSelectionModel接口），实现了grid的radio单选样式。

 

 

原始的CheckboxSelectionModel的多选原图：

 

 

扩展的RadioboxSelectionModel单选截图：

 

 

另附js与css代码包。

评论

2 楼 老梦a 2012-06-06  

...怎么用的呢，我把js和css都引入了，但是用的时候没起作用呢，我用的是
var userColumnModel= new Ext.grid.RadioboxSelectionModel([
    {
header : "ID",
width : 100,
sortable : true,
singleSelect: true,
height:'auto',
dataIndex : 'usersHidden'

}
,
{
header : "角色",
width : 100,
sortable : true,
dataIndex : 'users'
}
]);
这样对吗？

1 楼 Mydwr 2011-12-22  

我也正在找要实现这样的效果