extjs怎么往grid的每个cell中添加 radio单选按钮

来源：互联网发布：java 线程池顺序编辑：程序博客网时间：2024/04/28 13:32

首先先编写function。返回<input>的标签，注意type='radio'然后在grid的cm中定义renderer

function showEdit(name) {var record=store.getRange();        var cmp=record[index].get('status_num');        if(index<record.length)            index++;        if(index>=record.length)index=0;        return "<input name='"+index+"' type='radio' value='1' "+(cmp==1?"checked='checked'":"")+">未打卡</input> "        +"<input name='"+index+"' type='radio' value='2' "+(cmp==2?"checked='checked'":"")+">已到</input> "        +"<input name='"+index+"' type='radio' value='3'"+(cmp==3?"checked='checked'":"")+">迟到</input> "        +"<input name='"+index+"' type='radio' value='4'"+(cmp==4?"checked='checked'":"")+">早退</input> "        +"<input name='"+index+"' type='radio' value='5'"+(cmp==5?"checked='checked'":"")+">缺席</input> "        +"<input name='"+index+"' type='radio' value='5'"+(cmp==6?"checked='checked'":"")+">请假</input> ";        };

var grid = new Ext.grid.EditorGridPanel({id : 'gird',title : '考勤项目信息列表',region : 'center',stripeRows : true,autoScroll : true,loadMask : true,store : store,clicksToEdit: 1,        frame: true,cm : new Ext.grid.ColumnModel({defaults: {            sortable: true // columns are not sortable by default                   },columns : [{header : '序号',dataIndex : 'id',width : 100},{header : '学号/工号',dataIndex : 'people_id',width : 100},{header : '姓名',dataIndex : 'people_name',width : 100},{header : '考勤状态',dataIndex:'status_num',width : 250,  renderer : showEdit}]}),//tbar : toolbar})