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

在集智数据平台填报表中,内置了多种单元格的编辑风格,例如:密码框、复选框、单选按钮、下拉树、下拉数据集等等。但有的时候这些编辑风格仍然不能满足项目应用的需要,这时候就可以通过引用一些自己定义的控件编辑风格来实现。

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

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

我们这里选用的是网上一个开源的日历控件-梅花雨日历控件V3.0版本,参考下载地址为:

报表中使用自定义的下拉日历">http://hi.baidu.com/917526932/blog/item/01130687663eda3666096e6b.html

把其存成一个名为calendar2.js的文件。

第二步:制作一张填报表

快逸填<a href=报表设计.png" src="http://www.runqian.com.cn/know-how/wp-content/uploads/2009/11/xn-cns77o49b2y4d4md7ek22a.png" />

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

快逸填报表填报属性设置.png

点击设置:

快逸报表自定义控件设置.png

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

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

快逸报表展现jsp.png

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

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

快逸报表自定义控件展现.png

集智数据平台报表中的自定义编辑风格,体现了”集智数据平台”特色,使得您在设计报表时更加快速灵活,根据实际应用情况,可以随心所欲的添加具有特色的控件,在满足业务需求的同时,也丰富了页面效果,一举两得。

本文标签: