JS去除填报左上角红色三角

1. 概述
1.1 问题描述

填报时，编辑后的控件左上角会出现红色三角，有的客户可能不喜欢这个提示。针对这个问题，现提供两种解决方案：一种是自动去掉红色三角，另一种是手动去掉红色三角

1.2 实现思路

1）自动去除三角提示的思路：添加加载结束事件，$('.dirty').removeClass('dirty');

2）手动去除三角提示的思路：在工具栏定义按钮，给按钮添加点击事件，$('.dirty').removeClass('dirty');

2. 示例

2.1  实现自动去掉三角提示

1）点击模板>模板 Web 属性>填报页面设置，添加加载结束事件，如下图：

具体 JS 代码如下：

1. contentPane.on("cellselect", function(td)
   
2. {     
   
3. $('.dirty').removeClass('dirty');
   
4. }
   
5. );

复制代码

注：连续操作同一单选按钮组控件时，红色三角会出现，此时可给单选按钮组控件添加状态改变事件，使得红色三角只是闪现一下：

具体代码如下：

1. setTimeout(function() {
   
2. $('.dirty').removeClass('dirty');
   
3.      },10)

复制代码

2.2 手动去掉三角提示

1）点击模板>模板 Web 属性>填报页面设置，点击增加自定义按钮：

2）双击自定义按钮，控件别名：删除三角标识，定义控件图标，点击自定义事件，填写 JS:

1. $('.dirty').removeClass('dirty');

复制代码

2.3 预览效果

保存模板，选择填报预览，PC 端实现效果下图所示：

1）自动去掉三角提示

2）手动去掉三角提示

注：经测试，移动端不支持该 JS

3. 模板下载

1）自动去掉三角提示

模板效果在线查看请点击：JS 去除填报左上角红色三角示例一.cpt

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\59-JS去除填报左上角红色三角示例一.cpt

点击下载模板：59-JS去除填报左上角红色三角示例一.cpt

2）手动去掉三角提示

模板效果在线查看请点击：JS 去除填报左上角红色三角示例二.cpt

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\59-JS去除填报左上角红色三角示例二.cpt

点击下载模板：59-JS去除填报左上角红色三角示例二.cpt

移动端为啥不支持 该js