查看源

（本文档仅供参考，下述宏示例验证环境是V10.5.8）

问题说明

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

FAQ中心 > 旧版本仪表盘文本组件如何实现跳转传参 > image2025-6-5_11-12-59.png

解决方案

可以写宏对文本组件处理实现，参考：

（1）文本组件设置静态文字：测试跳转，源代码处理下：

测试跳转

FAQ中心 > 旧版本仪表盘文本组件如何实现跳转传参 > image2025-6-5_11-19-41.png

（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)

    }

}