页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考,下述宏示例验证环境是V10.5.8)

问题说明

 V10.5.8版本的仪表盘暂未支持文本组件设置跳转规则,如果实现文本组件跳转并传值呢?

 

         

解决方案

可以写宏对文本组件处理实现,参考:

(1)文本组件设置静态文字:测试跳转,源代码处理下:

<p style="text-align: left;"><span style="color: #000000;"><strong><span class="target-content" style="font-family: Microsoft-YaHei; font-size: 30px;">测试跳转</span></strong></span></p>

(2)对文本组件右键写宏处理传参
//名称:跳转 类型:ClientSide 对象:文本组件 事件:onAfterRender

function main(page: IPage, portlet: IStaticTextPortlet) {

    // 获取富文本编辑器的dom
    debugger;

    let container:HTMLElement = portlet.getHtmlContent()

    // 插入点击区域用于点击打开

    let box: any = container.querySelector('.target-content')

    if (!box) return

    //多个筛选器多个处理,主要是筛选器组件设置的组件标题
    let filter1: IFilterPortlet = page.getPortletsByTitle('ShipRegion')[0]
    let filter2: IFilterPortlet = page.getPortletsByTitle('ShipProvince')[0]

    box.onclick = (e: MouseEvent) => { 

        // 目标资源id,resid获取或菜单目录找到对应目标报表右键-属性—节点ID值

        let id: string = 'd95048612ad8d7cb5fc0cffa135c5de4'

        // 目标资源参数(参数或者筛选器的值)
          let value1 = filter1.getValue()
          let value2 = filter2.getValue()
        //目标资源参数(参数或者筛选器的值)
        let query: OpenResourceQuery = {
            paramInfo: [{ name: 'ShipRegion', alias: 'ShipRegion', value: value1, displayValue: value1 }
                , { name: 'ShipProvince', alias: 'ShipProvince', value: value2, displayValue: value2 }
            ]
        }



        // 调用打开资源接口

        page.openResourceByType(id, query, OpenType.DIALOG)

    }

}



补充:V11版本支持文本组件设置跳转规则的,可以直接交互-跳转规则-配置跳转传参即可