泡论坛
作者泡论坛·2009-07-20 12:06
·

如何通过js执行润乾的下拉日历

字数 952阅读 1863评论 0赞 0

在润乾填报表中,提供了丰富的编辑风格,如常用的下拉日历。直接将单元格的编辑风格设置为下拉日历即可在页面上点击时弹出下拉日历框供选择。

实际上,下拉日历是调用了一个由润乾提供的js:calendar.js,因此,我们也可以不通过设置单元格的编辑风格来实现下拉日历,比如自己定义一个onclick事件来调用润乾的下拉日历js。同时,也可以自定义数据的格式。

下面以选择月份为例,给出具体的实现:

<form name=from1>选择月份: <input name=reportMonth onClick=”_runqianCalendar.dateFormat=’yyyy-MM’; _runqianCalendar.type= ‘month’;_showCalendar();” >

这样,在报表展现页面上,焦点触发编辑框时就会弹出下拉日历供选择月份。

当然,要首先引入润乾下拉日历自带的js(注意要在定义的文本框后面引入),这里以发布在润乾demo应用中为例:

<script language=javascript src=”http://127.0.0.1:6001/demo/reportServlet?action=10&file=%2Fcom%2Frunqian%2Freport4%2Finput%2Fcalendar.js” mce_src=”http://127.0.0.1:6001/demo/reportServlet?action=10&file=%2Fcom%2Frunqian%2Freport4%2Finput%2Fcalendar.js”></script>

<script language=javascript>_createRunqianCalendar();</script>

否则就会因为找不到润乾自带的下拉日历js定义的对象而报”不可识别的对象:_runqianCalendar”错误。

由此可以看出,润乾报表在设计层面上是非常灵活的,可以很轻松的直接运用润乾提供的一些向导、可视化界面进行设计,也可以根据自己的需要通过少量的代码来实现更大的灵活性。

如果觉得我的文章对您有用,请点赞。您的支持将鼓励我继续创作!

0

添加新评论0 条评论

Ctrl+Enter 发表

作者其他文章

相关问题

相关资料

X社区推广