JS实现点击按钮控件后改颜色

单元格中添加了按钮控件(不是参数面板),因为有一排按钮,希望可以点击一个按钮后该按钮颜色改变,点击一个变色一个。这里的按钮是根据数据扩展一起扩展下来的,写了点击后提交事件。

目前从论坛找到一个JS,可以实现变色。但是点击后,整列的按钮都变色了。

setTimeout(function() {

   $("div[widgetname=A]").find(".fr-btn-up").css("background","purple");//按钮颜色

}, 100);  

image.pngimage.png

FineReport 橙澄珵 发布于 2023-7-19 13:36 (编辑于 2023-7-19 15:32)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
snrtuemcLv8专家互助
发布于2024-3-12 18:20

这个写法

var location = this.options.location; //获取当前控件的位置

 var cr = FR.cellStr2ColumnRow(location); //根据单元格编号获取行列索引

var col = cr.col; //列号

var ro = cr.row; //行号

contentPane.getWidgetByCell(FR.columnRow2CellStr({col: col, row: ro})).$btn.parents("div.fr-btn-up").css("background","purple");

image.png

效果

image.png

最佳回答
0
用户k6280494Lv6资深互助
发布于2023-7-19 13:38(编辑于 2023-7-19 13:57)

不用按钮,用单元格做

JS实现鼠标点击单元格背景变色

3.gif

image.png

  • 3关注人数
  • 446浏览人数
  • 最后回答于:2024-3-12 18:20
    请选择关闭问题的原因
    确定 取消
    返回顶部