ExtJS中grid单击一行时判断改行的复选框是不是选中，如果选中则单击之后取消选中状态，没有选中则让复选框

Posted 2023-04-12

处于选中状态（是单击一行数据），另外，当已经选中一行之后再点击下一行，不要清空其他已经选中的复选框

参考技术A 单击某个单元格时，选中的是整行，Ext默认的是RowSelectionModel——行选择模型。行选择模型默认支持多选，鼠标单击时按住ctrl/shift就可以选择多行。如果只希望选择一行，设置singleSelect参数为true。
在Grid中设置sm为RowSelectionModel，并指定singleSelect为true。
var grid1 = new Ext.grid.GridPanel(
title : '员工信息',
renderTo : 'grid1',
cm : cm,
store : store,
width : 700,
height : 350,
enableColumnMove : false,
enableColumnResize : true,
loadMask : true,
viewConfig:
forceFit:true,
getRowClass:function(record,rowIndex,p,ds)
if (rowIndex % 2 == 0)
return 'oushu-row-color';

return 'jishu-row-color';

,
autoExpandColumn : 'descn',
sm:new Ext.grid.RowSelectionModel(
singleSelect:true
)
);

Extjs中取消表头checkbox复选框选中状态

js取消Extjs中表头全选复选框的选中状态：

//清除表头复选框选择状态
var ck = grid.getEl().select("div.x-grid3-hd-checker").first();
if(ck.hasClass('x-grid3-hd-checker-on'))
	ck.removeClass('x-grid3-hd-checker-on');