IcCube Reporting V8：如何给小部件添加CSS类？能否重写样式？

安全阿岳

2026-8-16

IcCube Reporting V8 中CSS类与样式重写功能的兼容性问题

问题背景

在IcCube Reporting V7中，我常通过给小部件添加单个或多个CSS类的方式，根据数据选择状态控制其他小部件的显示或隐藏——比如仅在选中至少一家公司时，显示关联的地图小部件。

V7中添加CSS类的操作很简单：

选择小部件的「常规」选项
进入「高级属性」面板
在对应输入框中填写类名称（操作界面示意：该入口为常规设置下的高级属性区域，提供CSS类名输入框）

实现需求的JS代码示例如下：

if (event.name == 'EtabSelected') {
        var $report = context.$report;
        var $mapVisible = $report.find(".map-visible");
        if (event.value.classID === "viz.event.EmptySelectionEvent")
        {
            $mapVisible.hide();
        }
        else
        {
            $mapVisible.show();
        }
    }
    // 后续逻辑省略

请问上述操作逻辑在V8中是否还能使用？另外，在小部件层面重写样式的功能是否仍受支持？

回答

CSS类添加与JS控制逻辑的兼容性

你在V7中用到的这套逻辑在V8里完全可行：

添加CSS类的入口有小调整：V8中需要进入小部件的「样式」选项卡，找到「CSS类」字段直接输入类名即可，支持多个类名用空格分隔；
你提供的JS代码几乎不用修改——V8保留了context.$report、jQuery的find()/hide()/show()这些方法，选择事件的触发逻辑也和V7一致，直接复用即可。