帆软两个按钮点击换色

落日映苍穹つ 2021-07-26 12:47 667阅读 0赞

首先，创建按钮时背景色要保持默认：

![20200319095350688.png][]![20200319095504970.png][]

添加初始化样式：初始化时要加定时器，不然会找不到DOM，这是一个小bug

//trimbutton_top3
    setTimeout(function() {
    	var trimbutton_top3 = _g().getWidgetByName("trimbutton_top3").element;
    	var trimbutton = _g().getWidgetByName("trimbutton").element;
    	//$(trimbutton_top3).css("background-color", "rgb(122,177,249)");
    	$(trimbutton_top3).css("background", "rgb(122,177,249)");
    	$(trimbutton_top3).children().css("background", "rgb(122,177,249)");
    
    	$(trimbutton).css("background", "rgb(150,150,150)");
    	$(trimbutton).children().css("background", "rgb(150,150,150)");
    }, 200);

预览显示：

![20200319095541166.png][]

点击事件中切换样式：

var trimbutton_top3 = _g().getWidgetByName("trimbutton_top3").element;
    var trimbutton = _g().getWidgetByName("trimbutton").element;
    //$(trimbutton_top3).css("background-color", "rgb(122,177,249)");
    $(trimbutton_top3).css("background-color", "rgb(122,177,249)");
    $(trimbutton_top3).children().css("background-color", "rgb(122,177,249)");
    
    $(trimbutton).css("background-color", "rgb(150,150,150)");
    $(trimbutton).children().css("background-color", "rgb(150,150,150)");

[20200319095350688.png]: https://img-blog.csdnimg.cn/20200319095350688.png
[20200319095504970.png]: /images/20210726/3ca6d73e988c41b68aed201094381f9f.png
[20200319095541166.png]: /images/20210726/ba1219f67b9e409ca14edeec01d0a577.png

发表评论取消回复

表情：

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

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

相关阅读

相关按钮—按钮点击特效

按钮—按钮点击特效 ![在这里插入图片描述][2021041819283044.gif_pic_center] <!DOCTYPE html> <htm

谁借莪１个温暖的怀抱￠/ 2023年01月13日 10:54/ 0 赞/ 280 阅读

相关帆软给图形添加点击事件

setTimeout(function() \{ var c = document.getElementsByTagName("linearGradient")\[

布满荆棘的人生/ 2022年12月13日 01:44/ 0 赞/ 559 阅读

相关帆软报表

下载软件最新版本10 https://www.finereport.com/product/download 版本9要到百度搜索下载教程 https:/

拼搏现实的明天。/ 2022年12月13日 01:28/ 0 赞/ 245 阅读

相关 vue实现动态列表点击各行换色

只是模拟一练习 v-for v-on v-bind的一个简单demo ![20180610151336654][] 代码思路：遍历出data里面的数据 v-f

客官°小女子只卖身不卖艺/ 2022年05月23日 13:52/ 0 赞/ 173 阅读

相关报表-帆软

[官网][Link 1] 官网提供： [下载][Link 2]、[安装][Link 3] [Demo体验][Demo] [入门视频][Link 4] [白皮书]

本是古典何须时尚/ 2022年05月16日 02:12/ 0 赞/ 247 阅读

相关 JavaScript dom基础篇之点击换色

用document.getElementsByTagName('div')[0];这条语句来通过标签名获取第一个div 然后在给他设置初始样式。 d.onc

「爱情、让人受尽委屈。」/ 2021年11月22日 14:28/ 0 赞/ 300 阅读

相关 MUI点击发送按钮后不关闭软键盘

概述首先我使用 return false 仍然会关闭软键盘使用的是MUI项目下的模板，精简了代码，没具体搞明白到底是如何实现不关闭软键盘的因为我照着敲，软键盘也

向右看齐/ 2021年10月19日 07:28/ 0 赞/ 483 阅读

相关帆软自定义按钮导出

1. 描述 FineReport 支持多种不同的导出方式，直接使用 FineReport 内置导出按钮可以非常快捷方便的来对各种格式的输出，但是我们在 [Web 页面集成

不念不忘少年蓝@/ 2021年07月27日 02:01/ 0 赞/ 1948 阅读

相关帆软点击实现跳转并传参

点击事件中添加如下代码：获取控件的值，并拼接跳转的URL var country = _g().getWidgetByName("country").getValue

桃扇骨/ 2021年07月27日 01:44/ 0 赞/ 2016 阅读

相关帆软两个按钮点击换色

首先，创建按钮时背景色要保持默认： ![20200319095350688.png][]![20200319095504970.png][] 添加初始化样式：初始化时

落日映苍穹つ/ 2021年07月26日 12:47/ 0 赞/ 668 阅读