查看源

1.示例效果

通过禁止用户选中文本从而实现禁止复制的效果。

该宏示例无法禁止“Ctrl+A,Ctrl+C”的全局复制效果，需要禁止整个页面，才能阻止浏览器的复制功能

以下是根据清单表为例子进行说明，交叉表的宏效果实现与清单表一致

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-20 13-56-37.png

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-20 13-58-46.png

2.操作步骤

步骤一：新建一个空白的自助仪表盘

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-20 10-24-40.png

步骤二：拖入清单表，选择数据集或业务主题

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-16 9-36-35.png

效果如下：

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-20 10-40-31.png

步骤三：选中清单表，鼠标右键进入宏管理页

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-16 9-37-46.png

步骤四：在界面新建客户端宏。在弹出的新建模块对话框中输入名称，勾选对象为组件、事件为onBeforeRender。

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-16 9-39-04.png

步骤五：编写宏代码实现效果

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-20 11-02-56.png

把下面宏代码复制到代码区域；

function main(page: IPage, portlet: ITablePortlet) {
    console.log('portlet: ', portlet)
    portlet.setRowStyleHandler(function (row, rowIndex) {
        return {
            'user-select': 'none'
        }
    })
}

示例使用的是ITablePortlet对象下的setRowStyleHandler方法，点击查看API详情

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-16 10-45-19.png

步骤六：点击 保存，查看效果，需重新打开报表，可看到效果已实现

Smartbi Insight V10帮助中心 > 【仪表盘】表单如何禁止选中内容 > 2020-10-16 10-39-02.png

3.资源下载

代码资源：表单禁止选中内容.xml