Extjs表格编辑editgrid中的复选框编辑列

extjs | 2019-09-13 10:02:39

extjs科编辑表格,可以使用 文本编辑框,下拉编辑框,但是没有复选框编辑的功能,自己实现也很easy


1.首先定义加载列的样式

{header: '对账', width:40, dataIndex: 'is_account', 
                                        renderer : function(v, p, record){
                                        p.css += ' x-grid3-check-col-td'; 
                                return String.format(' ', v=="已对账" ? '-on' : '');
                            }},


2.然后点击列的时候给相应的值

listeners : {
                        "cellclick" : function(grid,row,col,e){//点击选择框,就显示选择的样子
                                var columnName=grid.getColumnModel().getDataIndex(col);
                                if(columnName=="is_account"){
                                        var rec=grid.store.getAt(row);
                                        rec.set(columnName,rec.get(columnName)=="已对账"?"未对账":"已对账");
                                        rec.commit();
                                };
                        },


登录后即可回复 登录 | 注册
    
关注编程学问公众号