JS给扩展单元格置数

目录:

1. 描述

通常情况下,使用setCellValue("单元格", null, 值)给单元格置数,该方法只能给固定单元格置数。
若单元格扩展的,如对纵向扩展的A1单元格赋值:setCellValue("A1", null, 值),会发现扩展后只有A1位置的单元格赋到值,而扩展出来其他单元格没有值,如何对扩展出来的单元格置数呢?
如下,在每一行的编辑单元格中输入数字,则受控单元格根据该值是否大于10来显示1或0:

2. 思路

扩展的单元格在填报页面上根据来源不同可以分为两类,一个是直接根据数据列扩展出来的单元格,一种是填报时插入行时扩展出来的单元格,不同的扩展方式,其置数方式也不尽相同,下面详细介绍。

3. 操作步骤

3.1 直接扩展的单元格
在控件的编辑结束事件中,动态地将行号与列号作为参数传递给js函数,使用contentPane.setCellValue(col, row, value);来给单元格赋值。
其中col、row都从0开始。
这里当编辑控件的值大于10时,受控单元格置数为1;反之,置数为0。
1)如上图对应模板设计界面如下:

2)给B2文本框控件添加编辑结束事件,传入行号row与列号col参数,值分别为:=row()-1=col()

具体js代码如下:
if(this.getValue()>10){ contentPane.setCellValue(col,row,1); }else{ contentPane.setCellValue(col,row,0); }
3.2 插入行扩展的单元格
在填报web属性中增加加载结束事件,使用FineReport的监听事件获取到当前编辑单元格的行号和列号,保存在全局变量中,然后在单元格的编辑结束事件中拿到该行号列号给单元格赋值,FineReport监听事件获取单元格行号列号请查看获取当前编辑行单元格行号
1)新建一张模板,在A2和B2两个单元格中添加2个文本控件:
2)点击模板>模板web属性>填报页面设置,新增一个加载结束事件,js如下:
注:全局变量必须在前面加一个window。

contentPane.on("cellselect", function(td) { var row =contentPane.curLGP.getTDRow(td); var col =contentPane.curLGP.getTDCol(td); window.row=row; window.col=col; });
3)为A2单元格中的控件添加一个编辑结束事件,js如下:
注:监听事件中获取到的行号列号从1开始计算,赋值时从0开始计算。
var value=this.getValue(); contentPane.setCellValue(window.col,window.row-1,value);

4. 预览效果

4.1 PC端预览效果
1)直接扩展的单元格
2)插入行扩展的单元格
4.2 移动端预览效果
支持直接扩展 
不支持插入行扩展
5. 已完成模板

1)直接扩展的单元格
模板效果在线查看请点击:JS给扩展单元格置数示例一.cpt
已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\填报预览JS实例\48-JS给扩展单元格置数示例一.cpt
2)插入行扩展的单元格
模板效果在线查看请点击:JS给扩展单元格置数示例二.cpt
已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\填报预览JS实例\48-JS给扩展单元格置数示例二.cpt

附件列表


主题:
标签: 已验证 9.0验证

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201