【easyui】datagrid设置背景色后，无选中效果

骑猪看日落 2022-07-13 03:09 189阅读 0赞

代码如下：

var selectRowIndex = undefined;//保存被选中的行的索引
        var selectRowIndexColor = {};//用来保存行的背景色(因为表格中可能有多个背景色)
    /*-----因为datagrid的onUncheck事件无效,但是onUnselectAll事件有效.所以这里选择选择一个全局变量, 当行被选中的时候就保存被选中行的索引,当选中行被取消选择,此时进入onUnselectAll方法,然后改变selectRowIndex这个行 的背景色------*/
                //当行被选中的时候主动改变背景色和字体颜色
                onSelect:function(rowIndex, rowData){ 
                 selectRowIndex = rowIndex;
                 //获取被选中行的背景色(等下取消选择的时候需要还原为这个背景色,所以这里先记录下来)
                 var color = $("#datagrid-row-r1-1-"+rowIndex).css("background-color");
                 if(color != 'rgb(255, 228, 141)'){
       /* "#FFE48D"就是'rgb(255, 228, 141)'颜色,即datagrid默认选中行的背景色 */
                   //如果设置了自定义背景色,才需要改变(如果没有设置自定义背景色,datagrid会使用默认的选中行的背景色)
                   selectRowIndexColor[selectRowIndex] = color;
                   $("#datagrid-row-r1-1-"+rowIndex).css("background-color","#FFE48D").css("color","black");//选中改变颜色
                   $("#datagrid-row-r1-2-"+rowIndex).css("background-color","#FFE48D").css("color","black");//选中改变颜色
                 }
                },
                //当行被取消选择的时候主动的改变背景色和字体颜色
                onUnselectAll:function(rows){ 
                 var color = selectRowIndexColor[selectRowIndex];
                 if(color){
                   //如果设置了自定义背景色,才需要恢复原来的自定义背景色
                   $("#datagrid-row-r1-1-"+selectRowIndex).css("background-color",color).css("color","black");//取消选中恢复颜色
                   $("#datagrid-row-r1-2-"+selectRowIndex).css("background-color",color).css("color","black");//取消选择恢复颜色
                 }
                 selectRowIndex = undefined;
                }

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 JTree 设置选中行整行的背景色

JTree 设置选中行整行的背景色 1.需求描述 2.代码实现 3.效果演示 > 系统：Win10 > JDK：1.8.0\_333 > ID

朱雀/ 2024年04月07日 14:43/ 0 赞/ 95 阅读

相关 SpannableString设置文本背景色

参考内容: http://blog.csdn.net/harvic880925/article/details/38984705 http://blog.it985.

系统管理员/ 2023年10月10日 08:00/ 0 赞/ 31 阅读

相关 Thress.js设置背景色及背景透明

Thress.js默认背景 Thress.js默认背景色为黑色设置Thress.js背景颜色场景想要自行定义Thress.js模型的背景颜色实现

叁歲伎倆/ 2023年01月15日 13:22/ 0 赞/ 204 阅读

相关 Android ListView 去除边缘阴影、选中色、拖动背景色等

去除ListView滑到顶部和底部时边缘的黑色阴影： android:fadingEdge="none" 去除拖动时默认的黑色背景： andr

小鱼儿/ 2022年08月14日 00:53/ 0 赞/ 214 阅读

相关设置启动activity的背景色

<style name="Theme\_Transparent" parent="@android:Theme.DeviceDefault.Light.Dialog">

你的名字/ 2022年08月05日 07:23/ 0 赞/ 288 阅读

相关【easyui】datagrid设置背景色后，无选中效果

代码如下： var selectRowIndex = undefined;//保存被选中的行的索引 var selectRowIndexColor =

骑猪看日落/ 2022年07月13日 03:09/ 0 赞/ 190 阅读

相关设置IOS 状态栏背景色

- (void)setStatusBarBackgroundColor:(UIColor )color { UIView status

向右看齐/ 2022年06月08日 23:56/ 0 赞/ 339 阅读

相关 eclipse背景设置绿豆色

Eclipse操作界面默认颜色为白色。对于我们长期使用电脑编程的人来说，白色很刺激我们的眼睛，如果把颜色改成绿色的颜色就会缓解眼睛的疲劳。设置方法如下： 1

一时失言乱红尘/ 2022年06月05日 09:48/ 0 赞/ 359 阅读

相关 css设置背景色渐变

css完成以下如图背景色 ![在这里插入图片描述][2019011414465155.png]css样式 div1 { width: 100%;

墨蓝/ 2022年04月22日 16:06/ 0 赞/ 363 阅读

相关 Android设置WebView背景色

试遍了网上关于WebView设置背景色的各个方法，都没有下面这个靠谱。描述下我遇到的问题，WebView加载显示一段Html代码，但是UI设计的主界面是有一个浅灰色背景，而We

爱被打了一巴掌/ 2022年03月28日 13:29/ 0 赞/ 1978 阅读