如何从 icCube 中的 html 下拉列表中触发事件答案

【问题标题】：How to fire an event from html dropdown in icCube如何从 icCube 中的 html 下拉列表中触发事件
【发布时间】：2023-03-21 11:35:01
【问题描述】：

我有以下代码用于列出月份的下拉菜单。

<select>
 {{ for( var col = 0; col < d.colCount; col++ ) { }}  <!-- This is the way adding js code -->
<option value="[Time].[Month].[month].[{{=d.colLabel(col) }}]">{{=d.colLabel(col) }}</option>
{{ } }}

当用户选择一个选项时，应该触发一个名为 month 的事件。我如何在 icCube OLAP 中做到这一点。

【问题讨论】：

标签： html events olap iccube iccube-reporting

【解决方案1】：

实现所需功能的方法有多种

点击单元格功能

有一个特殊的属性允许点击特定的数据单元格 ic3a read more...

<select>
{{ for( var col = 0; col < d.colCount; col++ ) { }}
    <option ic3a="fireClick(0,{{=col}})" value="[Time].[Month].[month].[{{=d.colLabel(col) }}]">
        {{=d.colLabel(col) }}
    </option>
{{ } }}
</select>

您应该在选项的“事件”选项卡中为“单击单元格”指定事件名称：“月”。

外部代码

如果您有权访问 ic3Reporting 实例

例如：

var ic3Application = ic3.startReport(options);

并且想要使用您网站上的代码处理当前功能，您可以通过这种方式触发 ic3 内部事件：

<script type="text/javascript">
    //get ic3application instance

    var ic3Application = ic3.startReport(options);

    function selectMonth (value) {
        ic3Application.fireEvent("month", new viz.event.ValueEvent(value))
    }    
</script>
<select onchange="selectMonth(this.value)">  
    {{ for( var col = 0; col < d.colCount; col++ ) { }}
    <!-- This is the way adding js code -->
    <option value="[Time].[Month].[month].[{{=d.colLabel(col) }}]">
       {{=d.colLabel(col)}}
    </option>
    {{ } }}
</select>

ic3 FILTER 小部件

当您想从多维数据集获取预定义月份列表时适用。添加 MDX 过滤器 > ICCUBE > 下拉小部件并以需要的方式配置它的设置。

ic3 ACTION 小部件

当您有特定的月份列表时，此选项适用。

只需创建工具/实用程序 > 操作 > 下拉小部件并在“项目向导”选项选项卡中提供所需的月份，并在“事件”选项卡中将“月份”设置为“选择时”事件名称的值。

【讨论】：

感谢您的回复。您能否告诉我是否可以在报告本身内执行此操作？
一、三、四方案适用于非嵌入式iccube-reporting。如果我遗漏了什么，您能否澄清一下您要达到的目标。
我尝试了以下方法，，但触发事件仅适用于不带选择的按钮。知道如何使它与 select 一起使用吗？