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记录的更多相关文章

  1. Web报表工具FineReport的JS API开发(二)

    上次介绍FineReport的JS API中的第一类开发--FR,这次就来介绍一下FS和contentWindow类的开发. 1 FS FS是数据决策系统中的js接口,比如说FS.tabPane.ad ...

  2. java报表工具FineReport的JS编辑框和URL地址栏语法简介

    JS编辑框: 1.FineReport的js. 作为一款BS产品,browser端的JavaScript是必不可少的. FineReport中的js是已经调用了finereport.js的. 大家知道 ...

  3. js记录用户在网站的浏览记录和停留时间

    by weber开发者 from http://weber.pub/ 本文地址: http://weber.pub/js记录用户行为浏览记录和停留时间/163.html 问题 公司想统计一个用户从进入 ...

  4. js记录用户行为浏览记录和停留时间(转)

    演示地址:http://weber.pub/demo/160902/test.html 测试源码下载:http://pan.baidu.com/s/1nvPKbSP 密码:r147 解决问题所使用的知 ...

  5. web报表工具FineReport的JS编辑框和URL地址栏语法简介

    JS编辑框: 1.FineReport的js. 作为一款BS产品,browser端的JavaScript是必不可少的. FineReport中的js是已经调用了finereport.js的. 大家知道 ...

  6. Web报表工具FineReport的JS开发之字符串

    在报表开发过程中,有些需求可能无法通过现有的功能来实现,需要开发人员二次开发,以FineReport为例,可以使用网页脚本.API接口等进行深入的开发与控制. 考虑到JS脚本开发的使用较多,这里先先简 ...

  7. Web报表工具FineReport的JS API开发(一)

    很多报表软件可以利用JS接口来实现更多更复杂的功能.以FineReport为例,开放了大量的JS API给用户,根据执行JS的主体不同可以将分为三大类:FR.FS和contentWindow. 在js ...

  8. js记录用户访问页面和停留时间

    1.setInterval setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval(code,millisec[,"lang" ...

  9. FineReport中JS如何自定义按钮导出

    FineReport支持多种不同的导出方式,直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出,但是我们在web页面集成中的时候,往往只想将报表内容嵌入到iframe中,而工 ...

  10. 帆软报表(finereport)JS实现点击参数面板按钮显示或隐藏数据

    当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据.如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据. 打开报表 在参数面板 ...

随机推荐

  1. python 属性装饰器和对应的setter方法,属性的封装和安全性控制

    当我们在类中定义属性时,通常希望能够对属性的读取和写入进行控制,以确保数据的完整性和安全性.属性装饰器和对应的setter方法提供了一种实现属性封装和安全性控制的方法. 属性装饰器是Python的一种 ...

  2. “全栈合一 智慧运维”智和网管平台SugarNMS V9版本发布

    以"管控万物 无所不能 无处不"在为产品创新理念,智和信通打造"全栈式"网络安全运维平台-智和网管平台SugarNMS.立足数字化.智能化.可视化.自动化,整合 ...

  3. vue 赶鸭子上架入门笔记(一) 安装开发环境

    准备接手一个 vue 的前端项目,从零开始学习 vue.目标不高大上,能看得懂代码,能进行简单的修改,改完能打包和部署. 首先解决 vue 开发环境的准备.访问 Node.js 官方网站,下载适合你操 ...

  4. CentOS开放端口的方法(转载)

    CentOS开放端口的方法 转载:https://www.itfeichai.com/centos-open-porter/ Centos升级到7之后,内置的防火墙已经从iptables变成了fire ...

  5. 64.element表单校验注意点

    <!-- 表单验证三要素: --> <!-- ① el-form需要有 model属性[表单数据对象].rules属性[验证规则对象].ref属性[引用字符串] --> < ...

  6. 一、java的简单介绍

    Java语言 Java是一门面向对象的程序设计语言,在语法上Java与C和C++类似,但丢弃了其相对难理解的一些特性,如操作符重载.多继承.自动的强制类型转换,同时Java语言不使用指针,而是引用,并 ...

  7. spring上 -基于注解配置bean,动态代理,AOP笔记

    用的是jdk8,spring框架里jar包的下载可以自己搜到 注解用到的jar包. 60,注解配置Bean快速入门 基本介绍 代码结构: UserDao.java package com.hspedu ...

  8. C++ 命令行传参 参数使用 坐标参数的转换

    目录 1. 什么是命令行传参 2. 如何传参 3. 应用实例 4. 问题 1. 什么是命令行传参 命令行传参就是在 cmd 命令提示符, 或者 Linux shell 中使用可执行程序时, 可以添加 ...

  9. Shell简单入门程序参考

    目录 0 前言 0.1 shell初试 1 程序功能 1.1 显示当前主机名和IP地址. 1.1.1 if 语句 详解 1.2 创建目录或者文件 1.3 修改文件属性 1.3.1 chmod 修改文件 ...

  10. [Go] 如何妥善处理 TCP 代理中连接的关闭

    如何妥善处理 TCP 代理中连接的关闭 相比较于直接关闭 TCP 连接,只关闭 TCP 连接读写使用单工连接的场景较少,但通用的 TCP 代理也需要考虑这部分场景. 背景 今天在看老代码的时候,发现一 ...