FineReport其他js记录
1.js修改日期组件 背景色 边框
setTimeout(function () {
var color = "#092347";
var fontColor = "white";
// 日期控件
$$(".report-main-parameter-container-controller-datetime").css({background: color,}); //设置背景$$(".report-main-parameter-container-controller-datetime .bi-text").css({"color":fontColor});//设置字体颜色
$(".report-main-parameter-container-controller-datetime .bi-border").css( "border","none"); //去除边框
$(".report-main-parameter-container-controller-datetime .bi-icon-button").css("color",fontColor); //设置点击按钮颜色
}, 100);
2.按钮组件 圆角 背景圆角 事件
setTimeout(function() {
$(".report-main-parameter-container-controller-button").css("border-radius", "20px");
$
(".report-main-parameter-container-controller-button").css("background", "#081c3b");
$(".report-main-parameter-container-controller-button").mouseover(function() {
$
(".report-main-parameter-container-controller-button").find(".bi-button-mask").css("border-radius", "20px")});
$(".report-main-parameter-container-controller-button").css("border-color", "#ffffff");
$
(".report-main-parameter-container-controller-button").css("border-width", "2px");//边框宽度
}, 100)
3.填报校验大小写同时存在
^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]+$
4.不同版本报表打开方式修改
打开高版本的办法
用文本编辑器打开模板(直接把cpt模板拖到你使用的文本编辑器,
(比如 sublime,notepad++)
在文本编辑器中查找:DesignerVersion DesignerVersion,
找到关键属性 DesignerVersion 的值,8.0的是"IAA",9.0的是"JAA",10.0的是"KAA",11.0的是"LAA"
比如你之前的是10的模板,你想用9.0打开,你就把值改成JAA DesignerVersion DesignerVersion="JAA"
然后保存一下。。。关闭,,再用设计器打开模板就可以了
5.js切换sheet页面
//切换sheet
_g().loadSheetByIndex(1);
//切换到第2个sheet
tempfirstLoad = false;
// 隐藏sheet栏
$(".fr-tabpane-controlbuttons.ui-state-enabled").hide()
$(".fr-tabpane-tabscontent-bg").hide();
// 隐藏工具栏
$('.x-toolbar').css('display', 'none');
$('.reportPane ').css('top', '0');
6.多选按钮超过三个,提示报错
1.FVS
var bb = duchamp.getWidgetByName("下拉复选框1_页面1");
var a = bb.getValue().split(",");
if(a.length>3){
duchamp.Msg.alert({
title:"警告",
message:"超过3个,请重新选择",
callback:function(){bb.reset();}
});
}
2.Frm
var bb=this.getValue();
var a = bb.split(",");
if(a.length>3){
FR.Msg.alert("警告","超过3个,请重新选择");
var tj = this;
tj.reset();
}
8.工具栏隐藏
contentPane.toolbar.options.items[0].setVisible(false); //可以指定工具栏第几个按钮
_g.getToolbar().setVisible(false);
9.移动端弹窗js事件
FR.mobilePopup({
target: "template",//设置跟随弹窗
parameters: {},
setting: {
templatePath: "",//设置子模板地址
border: {
type: 0,
color: "rgb(0,0,0)",
borderRadius: 0.0
},
background: {
color: "rgb(255,255,255,0)"
},
mobileRegular: {
type: "custom" || "auto_height",
heightPercent: 80.0,
widthPercent: 80.0
},
padRegular: {
type: "custom" || "auto_height",
heightPercent: 80.0,
widthPercent: 80.0
}//设置弹窗大小格式
}
});
FineReport其他js记录的更多相关文章
- Web报表工具FineReport的JS API开发(二)
上次介绍FineReport的JS API中的第一类开发--FR,这次就来介绍一下FS和contentWindow类的开发. 1 FS FS是数据决策系统中的js接口,比如说FS.tabPane.ad ...
- java报表工具FineReport的JS编辑框和URL地址栏语法简介
JS编辑框: 1.FineReport的js. 作为一款BS产品,browser端的JavaScript是必不可少的. FineReport中的js是已经调用了finereport.js的. 大家知道 ...
- js记录用户在网站的浏览记录和停留时间
by weber开发者 from http://weber.pub/ 本文地址: http://weber.pub/js记录用户行为浏览记录和停留时间/163.html 问题 公司想统计一个用户从进入 ...
- js记录用户行为浏览记录和停留时间(转)
演示地址:http://weber.pub/demo/160902/test.html 测试源码下载:http://pan.baidu.com/s/1nvPKbSP 密码:r147 解决问题所使用的知 ...
- web报表工具FineReport的JS编辑框和URL地址栏语法简介
JS编辑框: 1.FineReport的js. 作为一款BS产品,browser端的JavaScript是必不可少的. FineReport中的js是已经调用了finereport.js的. 大家知道 ...
- Web报表工具FineReport的JS开发之字符串
在报表开发过程中,有些需求可能无法通过现有的功能来实现,需要开发人员二次开发,以FineReport为例,可以使用网页脚本.API接口等进行深入的开发与控制. 考虑到JS脚本开发的使用较多,这里先先简 ...
- Web报表工具FineReport的JS API开发(一)
很多报表软件可以利用JS接口来实现更多更复杂的功能.以FineReport为例,开放了大量的JS API给用户,根据执行JS的主体不同可以将分为三大类:FR.FS和contentWindow. 在js ...
- js记录用户访问页面和停留时间
1.setInterval setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval(code,millisec[,"lang" ...
- FineReport中JS如何自定义按钮导出
FineReport支持多种不同的导出方式,直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出,但是我们在web页面集成中的时候,往往只想将报表内容嵌入到iframe中,而工 ...
- 帆软报表(finereport)JS实现点击参数面板按钮显示或隐藏数据
当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据.如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据. 打开报表 在参数面板 ...
随机推荐
- excel江湖异闻录--◆K
网名◆K,按照群里同学的说法,K神和老大kluas,以及一个名为KKK的VBA强人,都是K字头家族的高手. 因为函数实力极强,时常碾压难题,被群里同学们冠以了"K神"的称号. 用笔 ...
- vue前端开发仿钉图系列(7)底部数据列表的开发详解
底部数据列表主要是记录图层下面对应的点线面数据,点击单元行或者查看或者编辑,弹出右侧编辑页面,点击单元行地图定位到相应的绘图位置.里面的难点1是动态绑定字段管理编辑的字段以及对应的value值,2是点 ...
- 06 - react的类组件中的状态state render函数 this指向问题 事件绑定
// 注册事件 import ReactDom from "react-dom" import { Component } from "react" // 类组 ...
- 3. 用过Konva吗,用过他的api吗
基础:使用konva,首先需要创建舞台也就是stage,然后创建一个Layer图层,将图层放到舞台上,将图形等内容放到图层上 ; 第一步:创建一个Stage舞台 , 就是创建一个 stage 实例 ...
- Kali Linux 更新 一条命令搞定
Kali Linux 更新 一条命令搞定 sudo apt-get update && sudo apt-get upgrade && sudo apt-get dis ...
- PHP实现csv导出(多种方法对比及原理解析)
前言 导出文件时,如果不需要任何复杂的Excel功能,请使用CSV 工作中最初遇到导出Excel的需求,都是使用的PHPExcel,它的功能非常强大,可以覆盖到绝大多数的定制化导出需求.也就一直用着了 ...
- Nuxt.js 应用中的 server:devHandler 事件钩子详解
title: Nuxt.js 应用中的 server:devHandler 事件钩子详解 date: 2024/10/26 updated: 2024/10/26 author: cmdragon e ...
- 【原创】dell戴尔笔记本充电头4530改装typeC口过程记录笔记本电源改装c口三路接线定义指南(图解)
在淘宝淘一个备用笔记本电脑,要求便携能用,最重要便宜(如果不便宜买了就想高价卖了) 选择了xps13 L322x,键盘屏幕有瑕疵,打折下来价格170左右,换了个键盘20.整体重量1.3kg左右,大小A ...
- 周六晚11实习生上线数据观测突发问题(涉及MYSQL,Hive等)
前提 有点恐怖,上次需求上线后,部分线上数据观测要留到11月初,上次是一个税收相关的需求,已有功能的线上数据观察已经完成,还剩下部分只有在十一月初才可以观察 简单提一嘴(非技术相关) 之前把hive ...
- ATC:多快好省,无参数token reduction方法 | ECCV'24
来源:晓飞的算法工程笔记 公众号,转载请注明出处 论文: Agglomerative Token Clustering 论文地址:https://arxiv.org/abs/2409.11923 论文 ...