ExtJs 扩展类CheckColumn修改源码，支持按条件禁用启用下拉框功能

长话短说，具体的请看图

需求如图：

修改CheckColumn.js源码，添加鼠标点击改变事件

完整JS脚本

 Ext.ns('Ext.ux.grid');
 Ext.ux.grid.CheckColumn = Ext.extend(Ext.grid.Column, {
     editable: true,
     processEvent: function (name, e, grid, rowIndex, colIndex) {
         if (name == 'mousedown') {
             prj.curGrid = grid;
             this.init(name, e, grid, rowIndex, colIndex);
             var record = grid.store.getAt(rowIndex);
             this.fireEvent('checkchange', this, record.data[this.dataIndex]);
             if (this.editable) {
                 record.set(this.dataIndex, !record.data[this.dataIndex]);
                 return false;
             } else {
                 return Ext.grid.ActionColumn.superclass.processEvent.apply(this, arguments);
             }
         } else {
             return Ext.grid.ActionColumn.superclass.processEvent.apply(this, arguments);
         }
     },
     renderer: function (v, p, record) {
         p.css += ' x-grid3-check-col-td';
         return String.format('<div class="x-grid3-check-col{0}"> </div>', v ? '-on' : '');
     },
     init: Ext.emptyFn,
     setEditable: function (f) {
         this.editable = f;
     }
 });

 // register ptype. Deprecate. Remove in 4.0
 Ext.preg('checkcolumn', Ext.ux.grid.CheckColumn);

 // backwards compat. Remove in 4.0
 Ext.grid.CheckColumn = Ext.ux.grid.CheckColumn;

 // register Column xtype
 Ext.grid.Column.types.checkcolumn = Ext.ux.grid.CheckColumn;

CheckColumn.js

             {
                 header: "证书", dataIndex: "MAT_CERTIFICATE", id: 'MAT_CERTIFICATE', width: , align: 'center', xtype: "checkcolumn", listeners: {
                     checkchange: function (column, checked) {
                         if (checked) {
                             certificateTypeCombo.disable();
                         } else {
                             certificateTypeCombo.enable();
                         }
                     }
                 }
             },
             { header: "证书类型", dataIndex: "MAT_CERTIFICATE_TYPE", width: , align: 'center', editor: certificateTypeCombo, renderer: LCE_TYPE.toValue }
 ------------------------------------------------------------
     var LCE_TYPE = new Ext.data.RSStore({
         url: "STL001.csx?tag=GetLceType",
         fields: ["MSID_N","MSVALUE" ],
         root: "data",
         id: "MSID_N",
         autoLoad: true,
         toValue: function (v) {
             var rec = LCE_TYPE.getById(v);
             return rec ? rec.data.MSVALUE : v;
         }
     });

     var certificateTypeCombo = new Ext.form.SComboBox({
         store: LCE_TYPE,
         displayField: 'MSVALUE',
         valueField: 'MSID_N',
         mode: 'local',
         disabled: true,
         triggerAction: 'all',
         listeners: {
             focus: function (res) {
                 debugger;
                 var res = c_grid.getSelectionModel().getSelections();
                 if (res[].data.MAT_CERTIFICATE == false) {
                     certificateTypeCombo.disable()
                 }
                 else {
                     certificateTypeCombo.enable() ;
                 }
             }
         }
     });

query.js