在 extjs 网格单元格编辑中使用 beforecheckchange 侦听器获取单元格 div id

Question

我在 extjs 网格单元格编辑中使用 beforeCheckChange 监听器来处理 checkColumn。

一旦取消选中，我想删除此单元格的脏标志。所以我试图删除"x-grid-dirty-cell" Cls，使用单元格div id。

Ext.select("ext-gen2654").removeCls('x-grid-dirty-cell');

下面是听者

listeners: {
    beforecheckchange: me.onCheckcolumnBeforeCheckChange
}

onCheckcolumnBeforeCheckChange: function(comp, rowIndex, checked, eOpts) {  
    Ext.select("ext-gen2654").removeCls('x-grid-dirty-cell');
}

如何仅获取此单元格的div id？

如果取消选中后我们是否有其他方法可以删除脏记录，请告诉我。

已编辑 - 替代记录的显示复选框

Ext.getCmp('grid').gridColumns[0]=  {
    xtype: 'checkcolumn',                                               
                dataIndex: 'SELECT',
                width: 55,
                stopSelection: true,
                renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
                if(row%2==0){  // i need to display alternative checkbox
                    var cssPrefix = Ext.baseCSSPrefix,
                    cls = cssPrefix + 'grid-checkcolumn';


                        if (this.disabled || value == 'N') {
                            metaData.tdCls += ' ' + this.disabledCls;
                        }
                if (!value) {
                cls += ' ' + cssPrefix + 'grid-checkcolumn-checked';
                }

                    return '<img class="' + cls + '" src="' + Ext.BLANK_IMAGE_URL + '"/>';
                        }

            }

,

try listener code to remove dirty mark, but no luck

    onCheckcolumnBeforeCheckChange: function(comp, rowIndex, checked, eOpts) {  
        var store=Ext.getCmp('grid').getStore();
        var record= store.getAt(rowIndex);
        if(checked==true){  
        record.dirty= false;
        record.commit();    
        store.commitChanges();

        }

Answer 1

如果你想删除整个网格的脏标志，use markDirty on the grid view:

viewConfig:{
    markDirty:false
}

如果您只想删除整个列的脏标志，只需在该列上设置一个 tdCls：

tdCls:'doNotMarkDirty',

并添加以下 CSS（在 Classic 主题中测试，其他主题可能不同）：

.doNotMarkDirty.x-grid-dirty-cell {
    background-image:none;
}

如果您想删除整个列的脏标志，并让模型忽略对列所做的任何更改，请尝试adding a custom isModified function to the model definition：

isModified:function(dataIndex) {
      if(dataIndex=="myDataIndex") return false;
      me.callParent(arguments);
}

如果您想让记录知道它不再脏，请查看record.commit()。