行式填报表自定义插入添加删除按钮

需求背景

集智平台报表会提供一些报表发布后的默认功能按钮,但是由于样式或位置的不同需求,客户往往希望自己定义这些功能按钮,如行式填报表的插入、添加、删除等按钮。

实现这样的需求需要两步,首先要去掉原来默认提供的按钮,然后定义自己需要的按钮以及按钮样式。

本文即以行式填报表为例,向大家展现如何去掉默认的功能按钮以及如何定义想要的功能按钮。

实现步骤

任意做一张行式填报表,使用设计器自带的demo应用发布后的效果如下:

下面我们来修改一下发布报表的jsp,使其达到去掉默认功能按钮后自定义按钮的效果。

首先我们去掉默认功能条,修改发布报表jsp report:html 标签中的funcBarLocation标签:

原:funcBarLocation=”top” 修改为:funcBarLocation=”"

这个标签用于设置功能条的位置,包括上、下和上下均有,默认是在上面。所以如果我们需要更改按钮的样式或者想将按钮放到页面的其他位置时,就需要我们自己来定义了。

将这个标签置空后,默认的功能按钮便不显示了。

接着我们来定义自己需要的按钮,本例是想只显示添加和提交按钮,并且需要将按钮放到报表的右下方。

关于行式填报表的一些操作,润乾提供了相应的接口,列表如下:

插入:_insertRow()

添加:_appendRow()

删除:_deleteRow()

提交:_submitRowInput()

发布报表的jsp修改如下:

<table align=”center” width=”100%” height=”100%”>

<tr><td>

<report:html name=”report1″ reportFileName=”<%=report%>”

funcBarLocation=”"

needPageMark=”yes”

generateParamForm=”no”

params=”<%=param.toString()%>”

/>

</td></tr>

</table>

<table align=”right”>

<tr><td>

<span style=”cursor:pointer;color:blue;” onclick=”_appendRow( report1 )”>添加</span>&nbsp;<span style=”cursor:pointer;color:blue” onclick=”_submitRowInput( report1 )”>提交</span>

</td></tr>

</table>

发布后的页面效果如下:

总结

通过本例的实现我们很容发现其实一些我们想要的功能都可以通过查找相应集智平台提供的接口实现,如果在文档教程中没有找到的话,大可以通过查看页面的源文件尝试。

所谓条条大路通罗马,由此文观之,可见一斑。