报表知识库
我要提问

如何在填报表中使用自定义的下拉日历

在润乾填报表中,内置了多种单元格的编辑风格,例如:密码框、复选框、单选按钮、下拉树、下拉数据集等等。有的时候用户希望引用一些自己定义的控件编辑风格来实现,润乾同样可以满足以上需求。

本文以自定义下拉日历为例子,来介绍一下自定义编辑风格的实现:

第一步,编写一个自定义下拉日历的JavaScript文件

我们这里选用的是网上一个开源的日历控件-梅花雨日历控件V3.0版本,参考下载地址为:http://hi.baidu.com/917526932/blog/item/01130687663eda3666096e6b.html。将其存成一个名为calendar2.js的文件。

第二步:制作一张填报表

1.png

其中,C2单元格和E2单元格的填报属性相同,设置为:

2.png

点击设置:

3.png

在梅花雨日历控件中,WebCalendar()是初始化日历方法,calendar()是日历的主调函数,hiddenCalendar()是隐藏日历控件的方法。

第三步:在展现报表的jsp文件中,把自定义的下拉日历的js文件引入

4.png

这样,设置自定义下拉日历的过程就完成了。

下面是Web页面展现的效果:

5.png

润乾报表中的自定义编辑风格,方便用户进行个性化设计,使得您在设计报表时更加快速灵活,根据实际应用情况,可以随心所欲的添加具有特色的控件,在满足业务需求的同时,也丰富了页面效果,一举两得。