天天看点

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

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

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

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

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

第二步:制作一张填报表

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

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

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

点击设置:

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

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

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

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

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

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

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

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

引自:润乾报表知识库

原文链接:如何在填报表中使用自定义的下拉日历

相关文章:即时报表中使用自定义指标;即时报表中使用专项过滤条件;即时报表Flex工具条使用之过滤显示数据;即时报表中的报表数据量控制;即时报表中的统计图数据量控制

其他相关内容: 润乾 ; 商业智能BI联盟 ;  报表软件 ;Java报表商业智能解决方案web报表的扩展功能

继续阅读