我的任务的最终解决方案(删除通过 id 选择特定行的能力)如下:
覆盖全选 (and 全部取消选择如果需要)定义选择模型时忽略指定行的方法:
selModel: Ext.create( 'Ext.selection.CheckboxModel', {
mode: 'SIMPLE',
select: function(records, keepExisting, suppressEvent) {
if (Ext.isDefined(records)) {
this.doSelect(records, keepExisting, suppressEvent);
}
},
selectAll: function( suppressEvent ) {
var me = this,
selections = me.store.getRange();
for( var key in selections ) {
if( selections[key].data.id == '3' ) {
selections.splice( key, 1 );
break;
}
}
var i = 0,
len = selections.length,
selLen = me.getSelection().length;
if( len != selLen ) {
me.bulkChange = true;
for (; i < len; i++) {
me.doSelect(selections[i], true, suppressEvent);
}
delete me.bulkChange;
me.maybeFireSelectionChange(me.getSelection().length !== selLen);
}
else {
me.deselectAll( suppressEvent );
}
}
} )
Use 选择前禁用指定行选择的事件:
beforeselect: function ( row, model, index ) {
if ( model.data.id == '3' ) {
return false;
}
}
对指定的行使用特殊的类和相应的 css 规则来隐藏指定的行:
viewConfig: {
getRowClass: function( record, index ) {
var id = record.get('id');
return id == '3' ? 'general-rule' : '';
}
}
.general-rule .x-grid-row-checker {
left: -9999px !important;
position: relative;
}
Thanks 埃文·特林博利咨询!