3.1 布局管理

概述

所有参数配置好后,可以通过最下方“参数布局”来设计参数布局内容

1

弹出窗口如下

2

可通过鼠标拖拽控件对参数页进行布局,也可以点击控件,用右侧坐标(水平位置和垂直位置)进行布局。
在做参数布局,可以删除一些标签,也可以添加一些标签及按钮,标签及按钮位置在下图左上位置: 3 用鼠标拖拽标签或按钮,在右侧设置属性:值、文字颜色、背景色、事件类型、位置、高、宽

4

标签:主要用于展示标识
按钮:控件事件,有参数页面提交、参数页面重置、自定义JS(自定义按钮功能)。 预览效果如下:

5

流式布局

可以选择流式布局,会按照流式布局生成参数页面

6

效果如下:

7

自动查询

点击自动查询按钮,页面展现时会自动把参数值带入进行查询

8

增加自定义按钮

参数布局页面可以增加自定义按钮,写好js进行引用,添加方式如图:

9

效果如下:

10

点击刷新按钮即会刷新,可以自定义js文件,放在工程内,并将写好的js引用到condition.jsp文件中
文件位置:\unieap\pages\report\jsp\show,文件配置好后可以在按钮处选择自定义js,引用相关js

    <script type="text/javascript" src="<%=reportServerURL%>/<%=ProjectConfigHelper.RESOURCE_DIRECTIORY_REPORT%>/vendor/ztree/jquery.ztree.excheck.min.js"></script>
    <script type="text/javascript" src="<%=reportServerURL%>/<%=ProjectConfigHelper.RESOURCE_DIRECTIORY_REPORT%>/vendor/ztree/jquery.ztree.exhide.min.js"></script>
    <script type="text/javascript" src="<%=reportServerURL%>/<%=ProjectConfigHelper.RESOURCE_DIRECTIORY_REPORT%>/vendor/ztree/jquery.ztree.exedit.min.js"></script>
      <script type="text/javascript" src="<%=reportServerURL%>/<%=ProjectConfigHelper.RESOURCE_DIRECTIORY_REPORT%>/vendor/selecttree/selectTree.js"></script>
      <script type="text/javascript" src="<%=reportServerURL%>/<%=ProjectConfigHelper.RESOURCE_DIRECTIORY_REPORT%>/js/dataviz/deps/underscore/underscore-min.js"></script>
      <script type="text/javascript" src="<%=reportServerURL%>/<%=ProjectConfigHelper.RESOURCE_DIRECTIORY_REPORT%>/vendor/bootstrap-paginator/bootstrap-paginator.min.js"></script>

添加参数后报错

有时在增加参数后可能会出现报错java.lang.Double cannot be cast to java.lang.Integer,如图所示:

11

原因为参数布局中,控件或页面属性中宽度,高度,位置中有小数存在,如图所示:

12

【注意】请检查每一个控件以及整体布局属性,不能有小数,否则会出现如图报错。

results matching ""

    No results matching ""

    results matching ""

      No results matching ""