Extjs5.0版本当中Ext.grid.GridPanel如何能够通过增加xtype:'actioncolumn',操作列来实现这样的设置操作?

Question

增加xtype:'actioncolumn'操作列,列标题名称为 '设置默认记录',列操作的功能定义为:

1.一般情况下该列所对应的默认图标为灰色的:grey.gif;
2.如果我们单击某条行记录的操作列,则操作列的图标从默认图标切换为:default.gif;
3.如果我们点击另外一条行记录的相应操作列,则该操作列的图标也从默认图标切换为:default.gif;原先的切换图标的行记录还原为默认图标

该操作主要是为了选择一条记录作为默认选择记录
即，只有一条行记录的图标被设置为了激活状态下的default.gif;图标,其余行操作列的操作图标一般均为默认的grey.gif;但是我们可以通过选择点击所期望激活的行记录的操作列的图标，来实现激活记录切换.

Answer 1

在做的demo里加了一个字段 is_master,和你的问题有类似的处理，我默认的只能有一个用户为master，点击设为master后，重新加载数据,实现切换

图标样式

.master {
background: url(../images/status_online.gif) no-repeat !important;
}

.notmaster {
background: url(../images/status_offline.gif) no-repeat !important;
}

controller部分代码

更新sql:

update hs_user t set t.IS_MASTER=0 WHERE t.IS_MASTER=1;

update hs_user t set t.IS_MASTER=1 WHERE t.ID in (16);

-----------------------

希望以上对你有帮助