1. 概述
2. 示例
2.1 准备数据
新建数据集ds1,从FRDemo取数,sql语句为:SELECT * FROM sales
2.2 设计模板
如图制作模板。
G3单元格为插入行按钮,指定单元格设置为A3,插入行数设置为0。
H3单元格为删除行按钮,指定单元格设置为A3。
2.3 设置点击事件
为G3单元格的插入行按钮添加点击事件。
JavaScript 代码如下:
var num = $("td[col=0]:visible").length - 2;
//获取第一列的可见单元格个数,然后减去多余行(比如标题结尾等)
if (num < 10) {
_g().appendReportRow(this.options.location, this.options.reportIndex, 1);
//小于10行则插入行
} else {
FR.Msg.alert("提示", "最多插入十行");
//大于等于10行则提示
}
2.4 效果预览
注:该方案不支持移动端。
3. 模板下载
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS实现限制最大插入行数.cpt
点击下载模板:JS实现限制最大插入行数.cpt