extjs6 表格行选中时去掉默认背景颜色

extjs表格默认选中的时候行背景色会是蓝色，或者其他可以通过sass修改，但是如果你不想要全部的表格都是统一修改成其他颜色，而只要个别表格样式修改，那个就得针对那个表格做配置，我的做法可能比较曲折，但是可以实现效果。采用的是自定义行样式，改成白色#fff，但是为了鼠标移进行的时候有颜色，我还写了鼠标移进和移出事件。
例子中的表格是多选：

selModel: {selectRow: true,injectCheckbox: 0,mode: "MULTI", //"SINGLE"/"SIMPLE"/"MULTI"checkOnly: true //只能通过checkbox选择
},
selType: "checkboxmodel",

表格事件：

listeners: {afterrender: function(grid, eOpts) {grid.getSelectionModel().selectAll();//假如我在表格渲染完成的时候就选中所有},itemmouseenter:function(view,record,item,index,a,b){//鼠标移进,显示颜色view.getRow(index).style.backgroundColor="#CEDBEF";},itemmouseleave:function(view,record,item,index){//鼠标移出，显示白色view.getRow(index).style.backgroundColor="#fff";}
},

我们修改每行的样式，改成自定义的：

viewConfig:{getRowClass:function(record, rowIndex, rowParams, store){    return 'x-grid-record-white';}
},

样式可以放在html文件里：

<style>.x-grid-record-white{background: #fff;
}
</style>

另一种方法也可以添加select方法，在select方法里修改背景颜色，同样配合鼠标移进移出事件：

select:function(rowmodel,record,index){rowmodel.view.getRow(index).style.backgroundColor="#fff";
}

但是测试时该事件在初始全部选中的时候，无法获取到行对象（应该是数据还没加载），所以大家如果采用这个方法时，也可以先试下。

extjs6 表格行选中时去掉默认背景颜色相关推荐

Ubuntu18.04.5深度定制主题，修改背景图片壁纸开机动画，完美去掉默认背景紫色
Ubuntu18.04.5深度定制主题,修改背景图片壁纸开机动画,完美去掉默认背景紫色问题描述修改后的效果详细操作步骤 0. 准备图片 1. 修改背景:grub引导启动界面(一般系统不显示可跳过 ...
linux如何去掉目录背景颜色
linux如何去掉目录背景颜色一.分析原因二.去除目录绿色背景的方法三.知识拓展你是那么熟悉它的面容,无论何时打开它都是以同样的面容(蓝色)与你相见,可是最近它变了,变得让你惊掉了下巴,差点没 ...
CSDN学霸课表——把Word的默认背景颜色由白色改为绿色
<如何把Word的默认背景颜色由白色改为绿色> 对于经常打字的朋友,把页面颜色改为绿色,对眼睛还是大有好处的,若每次启动Word后都手工修改则比较麻烦.下面介绍一种通过替换掉原有的Norm ...
vivo计算机背景,怎么修改VIVO手机浏览器中的主题与背景颜色
怎么修改VIVO手机浏览器中的主题与背景颜色腾讯视频/爱奇艺/优酷/外卖充值4折起随着科技的发展,手机已经成为人们日常生活中必不可少的工具,当我们在使用vivo手机内的浏览器浏览网页时,如果想要 ...
VB 设置ListView中指定一行的背景颜色
代码如下: 'SetListViewBGColor(ListView控件名称,要设置的背景颜色行号,颜色值-默认:&HB6B4FF) Public Sub SetListViewBGColor ...
html改变复选框颜色,如何利用纯CSS改变html？radio/checkbox默认背景颜色样式
本篇文章给大家带来的内容是关于如何利用纯CSS改变html?radio/checkbox默认背景颜色样式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS代码:input[typ ...
修改Android主题里Button的默认背景颜色
修改Android主题里Button的默认背景颜色先用这个试试 android:backgroundTint="@null" 去不掉的话用下面这个 app:backgroundT ...
Jquery中设置表格的悬浮和选中时行的背景颜色
场景效果要求鼠标放在一行上此行背景颜色单倍高亮,点击一行时双倍高亮. 实现 html代码 <div class="ibox-content" id="orde ...
图片加载未完成时的默认背景图处理(仅限自己封装的图片加载工具)
Android图片加载时,由于网络状况图片大小手机内存等情况会导致加载图片的时长不同,这时候就涉及到给ImagevVew设置默认图片的问题. 当然了,最简单的方法就是在每个使用ImageVie ...
python改变背景颜色_python中绘图时怎么改背景颜色？
python中一般使用matplotlib库进行绘图,下面我们就来看一下python中绘图时修改背景颜色的方法: 子图可以对plt.subplot的参数做修改,下面是对子图的背景颜色修改代码:impo ...

extjs6 表格行选中时去掉默认背景颜色

extjs6 表格行选中时去掉默认背景颜色相关推荐

最新文章

热门文章