下拉框选择不同值,然后根据不同值变颜色

1

FineReport yzm302462 发布于 3 天前
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
华莉星宸Lv7资深互助
发布于3 天前(编辑于 3 天前

条件属性啊~

条件属性场景方案 https://help.fanruan.com/finereport/doc-view-4618.html

  • yzm302462 yzm302462(提问者) 尝试了,但是填报选择的时候控制不了
    2025-06-27 11:42 
  • 华莉星宸 华莉星宸 回复 yzm302462(提问者) 建议填报和查询分开,在查询表设置对应的颜色,最方便
    2025-06-27 11:45 
最佳回答
0
用户k6280494Lv6专家互助
发布于3 天前
  1. 设置数据字典:在下拉框控件中,您需要设置数据字典,绑定实际值和显示值。例如,您可以设置实际值为 ["苹果","香蕉","榴莲"]。

  2. 定义显示值:使用 HTML 和 JavaScript 公式来定义显示值,使其根据选中的值改变颜色。示例显示值如下:

    "<span style='color:#fff;padding:1px 5px;border-radius:10px;background-color:" + switch($$$,"苹果","red","香蕉","#f5c13c","榴莲","green") + "'>" + $$$ + "</span>"

    这里的 switch 函数会根据选中的值返回对应的颜色。

  3. 效果展示:通过上述设置,您可以实现下拉框中不同选项的颜色变化,使整体界面更加美观和有层次感。

如需更详细的操作步骤和示例,请参考相关文档

JS实现单选按钮选项不同颜色

最佳回答
0
runnerLv7资深互助
发布于3 天前
最佳回答
0
qxl2Lv5见习互助
发布于3 天前

1、你是想改变筛选框中字体或者背景色吗,还是数据表格中的单元格颜色,如果是控件的按照上面的回答应该就可以。

2、如果是单元格的是不是要下面的效果。

这是修改背景色的,如果是字体颜色,把backgroundColor 改成Color就可以

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

var cr = FR.cellStr2ColumnRow(location);

var co = cr.col; //列号

var ro = cr.row; //行号

var a = this.getValue();

var b = FR.columnRow2CellStr({

col: co ,

row: ro 

});

if (a=="红色") {

$("td[id^='" + b + "-0']").css("backgroundColor", "red");

} else if (a=="黄色") {

$("td[id^='" + b + "-0']").css("backgroundColor", "yellow");

}else if (a=="蓝色") {

$("td[id^='" + b + "-0']").css("backgroundColor", "blue");

}

image.png

效果如下:

image.png

image.png

  • 5关注人数
  • 50浏览人数
  • 最后回答于:3 天前
    请选择关闭问题的原因
    确定 取消
    返回顶部