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

我是社区第485122位番薯,欢迎点我头像关注我哦~
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


编辑于 2020-12-7 14:26  

发表于 2023-2-22 11:47:00
移动端为啥不支持 该js
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1回帖数 2关注人数 7572浏览人数
最后回复于:2023-2-22 11:47

返回顶部 返回列表