普通报表的单元格按钮控件点击变色

普通报表在单元格添加了一个按钮控件,前端页面在点了新增之后再关掉新增数据的页面,这个页面的新增按钮就变成白色了,但是鼠标在新增按钮上划过去初始化事件才生效,按钮有颜色,怎么能让点击之后也是有颜色的呢

图片.png

图片.png

新增按钮初始化事件点击恢复没有生效

setTimeout(function() {    $("div[widgetname=新增]").find('.fr-widget-click').css({        'border': '1px solid #e8e8e8',        'width': '60px',        'height': '28px',        'background': '#e05251'    }); // 修改新增按钮边框样式    $("div[widgetname=新增]").find('.fr-widget-click').mouseover(function()  {        $(this).css('background','#e04251');    })  //新增按钮悬浮变色    $("div[widgetname=新增]").find('.fr-widget-click').mouseleave(function()  {        $(this).css('background','#e05251');    })  //新增按钮离开恢复    $("div[widgetname=新增]").find('.fr-widget-click').onMouseClick(function()  {        $(this).css('background','#e05251');    })  //新增按钮点击恢复    $("div[widgetname=新增]").css({        'display': 'flex',        'justify-content': 'center',        "align-items": "center"    }); // 使新增按钮居中}, 10);

FineReport 用户8webT2307637 发布于 2024-11-5 10:36
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
用户8webT2307637Lv4见习互助
发布于2024-11-5 11:29

再写一个点击事件给背景色就可以了

setTimeout(function() {    $("div[widgetname=新增]").find(".fr-widget-click").css("background","#e05251");//按钮颜色}, 100);

最佳回答
0
用户k6280494Lv6资深互助
发布于2024-11-5 10:46
最佳回答
0
ID1208Lv6高级互助
发布于2024-11-5 10:47

自定义的不行?

image.png

  • 用户8webT2307637 用户8webT2307637(提问者) 这里设置了鼠标点击背景,也不生效
    2024-11-05 11:01 
  • ID1208 ID1208 回复 用户8webT2307637(提问者) 正常情况下应该是生效的,先将自定义JS去掉,单独试试
    2024-11-05 11:11 
  • 2关注人数
  • 121浏览人数
  • 最后回答于:2024-11-5 11:29
    请选择关闭问题的原因
    确定 取消
    返回顶部