如何从icCube中的HTML下拉菜单触发事件

穆罕默德·拉希德(Mohammed Rashid)

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

<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中做到这一点。

阿尔特姆·洛帕蒂(Artem Lopatiy)

有几种方法可以实现所需的功能

单元点击功能

有一个特殊的属性,允许单击名为ic3a的 特定数据单元。阅读更多...

<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-internal事件:

<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 Widget

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

ic3 ACTION小部件

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

只需创建“工具/实用工具”>“操作”>“下拉”小部件,然后在“项目向导”选项的选项卡上提供所需的月份,然后在“事件”选项卡上将“月份”的值设置为“ on Selection”事件名称即可。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJs:如何为下拉菜单中ng-otons的选定值的默认值触发ng-change事件

来自分类Dev

下拉菜单中的jQuery change事件

来自分类Dev

jQuery中的引导下拉菜单上未触发click事件

来自分类Dev

在 Angular 中自动选择下拉菜单时无法触发更改事件

来自分类Dev

如何使此php代码成为html中的下拉菜单?

来自分类Dev

如何在HTML中添加下拉菜单?

来自分类Dev

如何在 HTML 表单中添加下拉菜单?

来自分类Dev

无法在HTML中创建下拉菜单

来自分类Dev

HTML 下拉菜单

来自分类Dev

仅在选择不同下拉菜单中的多个选项时,如何触发按钮

来自分类Dev

如何验证表单中的下拉菜单?

来自分类Dev

如何验证 JavaScript 中的下拉菜单?

来自分类Dev

如何使下拉菜单的宽度与触发按钮的宽度相同

来自分类Dev

如何将Bootstrap下拉菜单与触发按钮对齐

来自分类Dev

如何在iOS6中关闭选择器的onchange事件下拉菜单?

来自分类Dev

如何处理引导程序按钮下拉菜单中的单击事件

来自分类Dev

点击事件发生时如何在下拉菜单中执行单元测试

来自分类Dev

如何在下拉菜单中创建子菜单(HTML / CSS)

来自分类Dev

Bootstrap 中没有动态创建下拉菜单的事件

来自分类Dev

如何在MaterializeCSS下拉菜单中创建子菜单?

来自分类Dev

如何缩进下拉菜单中的子菜单-WordPress

来自分类Dev

如何在当前菜单中创建下拉菜单

来自分类Dev

当光标位于Bootstrap的下拉菜单中时,如何使下拉菜单的颜色变暗?

来自分类Dev

如何摆脱下拉菜单中的下拉菜单选项/空白空间-角JS?

来自分类Dev

如何使用其他下拉菜单中未选择的选项填充下拉菜单?

来自分类Dev

如何摆脱下拉菜单中的下拉菜单选项/空白空间-角JS?

来自分类Dev

下拉菜单HTML + CSS

来自分类Dev

html CSS下拉菜单

来自分类Dev

HTML / VBA下拉菜单

Related 相关文章

  1. 1

    AngularJs:如何为下拉菜单中ng-otons的选定值的默认值触发ng-change事件

  2. 2

    下拉菜单中的jQuery change事件

  3. 3

    jQuery中的引导下拉菜单上未触发click事件

  4. 4

    在 Angular 中自动选择下拉菜单时无法触发更改事件

  5. 5

    如何使此php代码成为html中的下拉菜单?

  6. 6

    如何在HTML中添加下拉菜单?

  7. 7

    如何在 HTML 表单中添加下拉菜单?

  8. 8

    无法在HTML中创建下拉菜单

  9. 9

    HTML 下拉菜单

  10. 10

    仅在选择不同下拉菜单中的多个选项时,如何触发按钮

  11. 11

    如何验证表单中的下拉菜单?

  12. 12

    如何验证 JavaScript 中的下拉菜单?

  13. 13

    如何使下拉菜单的宽度与触发按钮的宽度相同

  14. 14

    如何将Bootstrap下拉菜单与触发按钮对齐

  15. 15

    如何在iOS6中关闭选择器的onchange事件下拉菜单?

  16. 16

    如何处理引导程序按钮下拉菜单中的单击事件

  17. 17

    点击事件发生时如何在下拉菜单中执行单元测试

  18. 18

    如何在下拉菜单中创建子菜单(HTML / CSS)

  19. 19

    Bootstrap 中没有动态创建下拉菜单的事件

  20. 20

    如何在MaterializeCSS下拉菜单中创建子菜单?

  21. 21

    如何缩进下拉菜单中的子菜单-WordPress

  22. 22

    如何在当前菜单中创建下拉菜单

  23. 23

    当光标位于Bootstrap的下拉菜单中时,如何使下拉菜单的颜色变暗?

  24. 24

    如何摆脱下拉菜单中的下拉菜单选项/空白空间-角JS?

  25. 25

    如何使用其他下拉菜单中未选择的选项填充下拉菜单?

  26. 26

    如何摆脱下拉菜单中的下拉菜单选项/空白空间-角JS?

  27. 27

    下拉菜单HTML + CSS

  28. 28

    html CSS下拉菜单

  29. 29

    HTML / VBA下拉菜单

热门标签

归档