通过JS实现点击按钮使其按钮文字变色

按钮位置在模板主体中,通过条件属性设置的按钮。且向下扩展,现在通过按钮的点击事件实现按钮变色,但是目前的JS会使扩展的所有按钮都变色,想要实现点击哪个按钮哪个就变色,其他的不变色,请大佬们支支招

T.zip

内置数据模板已上传

--------------------------------------------

JS如下:

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

var cr = FR.cellStr2ColumnRow(location);

var col = cr.col - 1; //前一列的列号

var co = cr.col; //当前列号

var ro = cr.row; //当前行号

var button = _g().getWidgetByCell(FR.columnRow2CellStr({col: co,row: ro}));

var a = contentPane.getCellValue(0, col, ro); //获取前一个单元格的值

if (a == 0) {

contentPane.setCellValue(0, col, ro, 1); //赋值为1

button.setText('启用');

$("div[widgetname=BT1]").find('span').css('color', '#00CCFF');//按钮名称为BT1

} else {

contentPane.setCellValue(0, col, ro, 0); //赋值为0

button.setText('停用');

$("div[widgetname=BT1]").find('span').css('color', '#FF0000');

}

FineReport LTC朝 发布于 2022-12-7 09:04 (编辑于 2022-12-7 09:06)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
LTC朝Lv6高级互助
发布于2022-12-7 10:40

已经实现

T.zip

效果:

效果图.zip

最佳回答
0
RiveryLv5中级互助
发布于2022-12-7 09:15(编辑于 2022-12-7 09:26)

F12看了一下,貌似每个按钮没有独特的标识能识别出来,看看楼下大佬的思路吧

或者你看看能不能动态获取这个ID,修改这个ID下的span标签

image.png

最佳回答
0
snrtuemcLv8专家互助
发布于2022-12-7 09:18

换个思路,你不要用按钮了,直接用超链接的js,也是可以自定义js事件,然后设置单元格背景色,就不会全部变色了

  • 1关注人数
  • 804浏览人数
  • 最后回答于:2022-12-7 10:40
    请选择关闭问题的原因
    确定 取消
    返回顶部