我必须删除在我的网格中选择一些行的能力。
我使用 CheckboxModel
selModel: Ext.create( 'Ext.selection.CheckboxModel', {
mode: 'SIMPLE'
} )
要禁用选择,我使用 beforeselect 事件
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;
}
也许这不是实现预期结果的最佳方式,但对于我的任务来说它很管用。
但是,出现另一个问题:全选/取消全选 网格标题中的复选框停止工作。当你第一次点击这个 ckechbox 时,除了那些不应该被选中的行之外的所有行都会被选中,但是如果你再次点击,没有任何反应。显然,系统会尝试重新选择所有行,因为还有未选择的行。
有没有更好的方法来解决这个问题?或者如何用这个方法解决一个问题。
唯一想到的是 - 您需要重写复选框的全选/取消全选函数,但我不确定该怎么做。
预先感谢您的回答,如果我提出的问题不符合规则,我深表歉意。
最佳答案
我的任务的最终解决方案(删除通过 id 选择特定行的能力)如下:
当您定义选择模型以忽略特定行时,覆盖selectAll(和unselectAll,如果需要)方法:
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 );
}
}
} )
使用 beforeselect 事件来禁用指定行的选择:
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;
}
感谢 Evan Trimboli 的建议!
关于javascript - 删除在网格 ExtJS 4 中选择特定行的能力,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18142583/