在BIRT中添加日期选择器作为参数

时间:2010-08-24 09:17:11

标签: javascript datepicker birt

我在Eclipse报告中为日期参数添加日期选择器时遇到了一些挑战。我对Javascript知之甚少或根本没有...我会很感激有关如何实现这一目标的详细说明。感谢。

1 个答案:

答案 0 :(得分:0)

有一种方法可以实现这一目标,但这并不是直截了当的。

以下是如何,

  1. 首先,您需要下载jscal2项目文件。您将在下面提到的Github项目中找到所需的文件。

    https://github.com/captainhcg/GFW/tree/master/js/JSCal2-1.9

  2. 在您的项目中找到" FramesetFragment.jsp"文件位于

    位置
      

    BIRT / web内容/ BIRT /页/布局/ FramesetFragment.jsp

    如果您已经启动并运行了birt报告,则此文件应该可以在当前项目设置中随时使用。 (我不会在这里解释JAVAEE Web项目中的birt报告配置,因为这只是关于 如何为现有的birt报告日期参数字段添加日期选择器。)

  3. 在&#34; FramesetFragment.jsp&#34;的第130行(</HEAD>标记之前)之后添加以下代码行文件。用您的上下文替换上下文根路径 项目背景根。

  4. &#13;
    &#13;
    <script src="${pageContext.request.contextPath}/js/jscal2.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/js/lang/en.js" type="text/javascript"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/border-radius.css" meda="screen" type="text/css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/jscal2.css" meda="screen" type="text/css"/>
    &#13;
    &#13;
    &#13;

    1. 将相关文件(4个文件)添加到项目中的指定位置

      4.1将jscal2.js和en.js文件添加到项目的javascript文件位置。

      yourwebcontextroot/js/jscal2.js

      yourwebcontextroot/js/lang/en.js(*至少需要一个语言文件)

      4.2将两个样式表添加到相关位置。

      yourwebcontextroot/css/border-radius.css

      yourwebcontextroot/css/jscal2.css

    2. 查找&#34; TextBoxParameterFragment.jsp&#34;文件位于

        

      &#34; BIRT / web内容/ BIRT /页/参数/ TextBoxParameterFragment.jsp&#34;

    3. 在&#34; TextBoxParameterFragment.jsp&#34;的最后一个表数据和表行结束标记之前添加以下代码文件

    4. &#13;
      &#13;
      <%
      if (parameterBean.getParameter().getDataType()==7|| parameterBean.getParameter().getDataType()==4) {
      %>
      
      <button id="<%=parameterBean.getName()%>_button">...</button>
      <script type="text/javascript">
          Calendar.setup({
              trigger    : '<%=parameterBean.getName()%>_button',
              inputField : '<%=parameterBean.getName()%>',
                      onSelect   : function() { this.hide() }
          });
      </script>
      
      
      <%
      }
      %>
       </TD>`<!-- Last table data end tag -->`
      </TR>`<!-- Last table row end tag -->`
      &#13;
      &#13;
      &#13;

      1. 多数民众赞成。重新部署您的项目。打开一个新的浏览器窗口并转到您的某个报告。

        您应该会在日期字段旁边看到一个按钮,点击它后,您将看到一个日期选择器窗口。

        注意:

        两者&#34; FramesetFragment.jsp&#34;和&#34; TextBoxParameterFragment.jsp&#34;文件可以位于项目的不同位置。