ext grid 中插入单选按钮

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，然后用枚举来选择。