历史版本1 :JS 实现动态选择报表背景色 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.描述编辑

在平常报表开发中,不同人可能喜欢不同的颜色作为背景色进行报表查看,则为了满足不同人查看的需求,则通过该文档实现该功能

2. 实现思路编辑

通过按钮 JS 点击实现功能

3. 操作步骤编辑

首先选择一个模板,添加颜色按钮以及一个查询按钮,如下图:

image.png

其次给每个按钮增加一个点击事件。如下图:

image.png

其中 JS 代码如下:


setTimeout(function() {
    $(".content-container").css("background-color", "blue");
}, 100);

其中想使用其他颜色作为背景,则修改 blue 改成对应颜色即可


4. 效果查看编辑

PC 端效果:

修改背景色.gif

注:暂不支持移动端 

5.已完成模板(提交附件)编辑

已完成模板:

JS-修改背景色模板.frm