首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
FineReport——JS二次开发(分页预览)
】的更多相关文章
FineReport——JS二次开发(分页预览)
BS访问某个cpt模板,报表servlet将会将cpt文件解析成对应的html,报表内容最终转换为一个table,位于id=content-container的div中. 在模板和html页面中,他们定义的方法可以相互调用,不过得先获取到对象: 由于分页预览只是展现,在这种查看方式下FR没有现成单元格获取方法,可以用jquery语法获取指定单元格,如: $("tr[tridx=行号]","div.content-container").children().eq(列…
FineReport——JS二次开发(CSS改变控件样式)
FR提供一些选择器,可以改变部分控件的样式,那么对于如何书写自己的css: 可以自己写css文件导入,也可以在页面加载结束事件中添加JS方法来改变css样式. 以文本框为例: 书写css文件,保存至%FR_HOME%/下面(必须存放在WebReport这个目录下,,其他地方不能读取): .fr-texteditor{ border:3px solid blue; color:red; font-weight:bold;} 然后在模板web属性中添加css文件.. 在加载结束事件中添加js,以在填…
FineReport——JS二次开发(隐藏下拉框控件的倒三角)
在对FR控件进行二次开发的过程中,需要自定义样式,比如下拉框控件带有自动检索的功能,但是又希望它的显示样式如同文本框一样,这时就需要隐藏多余的部分. 在对在线文档的查阅中可以发现很多选择器适用于多种控件,所以事先通过FR提供的选择器进行更改css,但是,在测试的过程中,发现其对下拉框根本不管用,只对文本框可用(其实对更改样式并不难,只需要在浏览器中审查元素,就可以明白对于控件的选择器名称,然后再对其样式进行更改). 对于选择器.fr-texteditor: 两种方式导入CSS,通过外部文件引入,…
FineReport——JS二次开发(下拉框)
下拉框显示多列时,输入的内容检索的内容为显示值整行数据,而不是实际值. 下拉框选择之后,控件显示的是显示值而非实际值. 对于下拉框显示队列,可以有多种方法,但是经过测试大多数方法不适用,检索效率太低,最理想的实现方法是在数据查询定义即定义数据集时将索要显示的字段进行拼接,然后再显示值中设置这个拼接字段即可. 对于下拉框的选项,对于FR自带的数据库,不能显示在下拉框选项中,也不能进行检索. FineReport——下拉框显示多列 在FR中,可以通过设置显示值来显示多列,例如[$$$+value("…
FineReport——JS二次开发(复选框全选)
在进行查询结果选择的时候,我们经常会用到复选框控件,对于如何实现复选框全选,基本思路: 在复选框中的初始化事件中把控件加入到一个全局数组里,然后在全选复选框里对数组里的控件进行遍历赋值. 首先,定义两个复选框控件,一个用作全选复选框,一个用作每条信息前面的复选框,在全选复选框的状态改变 事件中添加如下JS方法: var flag=this.getValue(); //获取当前复选框控件的状态,true /false ;i<window.lineboxes.length;i++){ //循环遍历每…
FineReport——JS二次开发(局部刷新)
在FR中,可以通过在form表单设置多个报表模板,然后通过对某一模板刷新实现局部刷新的功能,在cpt模板中,由于只存在一个模板,所以无法实现局部刷新. 其实,最好的局部刷新办法是自定义一个页面,然后添加任意个<iframe>标签,这样就可以实现局部刷新了. FR中的图表带有自动刷新功能. 其实,局部刷新功能实现的方法也就是跳转页的方法,js如下: gotoPage(,"{}",true); 说明:第一个参数是指跳转到具体页数:第二个是传具体参数的,如果没有参数需要传,就可以…
FineReport——JS二次开发(自定义翻页按钮)
FR允许自定义工具栏上面的按钮,并提交JS方法: 对于翻页功能,大概有首页,下一页,上一页,最后一页,以及跳转页等功能. 不得不说的是,在HTML页面自定义的按钮如何获取到报表模板,通过FR提供的JS方法,可以获取到这个模板(reportFrame为html标签iframe的id名称): document.getElementById('reportFrame').contentWindow.contentPane.方法名称(); 首页: document.getElementById('rep…
FineReport——JS二次开发(工具栏按钮事件及说明)
首先获取到这个模板对象: document.getElementById('reportFrame').contentWindow.contentPane.方法名称(); 方法以及说明:…
Webappbuilder开发快速预览
Webappbuilder开发快速预览 by 李远祥 Webappbuilder for ArcGIS 是由ArcGIS JavaScripit API和dojo创建的,它允许通过创建自己的widget和主题来扩展其功能. 1. 了解widgets(微件),panels(面板)和themes(主题) Widget 微件是一系列的text文件,可以在webappbuilder的应用中共享.移动和分发. 微件可以是单个符合AMD模型的JavaScript文件或者是编译好的AMD包,像Doj…
js实现移动端图片预览:手势缩放, 手势拖动,双击放大...
.katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > .katex-html { display: block; } .katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; } .katex { font-style: normal; font…