3.1 布局管理
概述
所有参数配置好后,可以通过最下方“参数布局”来设计参数布局内容
弹出窗口如下
可通过鼠标拖拽控件对参数页进行布局,也可以点击控件,用右侧坐标(水平位置和垂直位置)进行布局。
在做参数布局,可以删除一些标签,也可以添加一些标签及按钮,标签及按钮位置在下图左上位置:
用鼠标拖拽标签或按钮,在右侧设置属性:值、文字颜色、背景色、事件类型、位置、高、宽
标签:主要用于展示标识
按钮:控件事件,有参数页面提交、参数页面重置、自定义JS(自定义按钮功能)。
预览效果如下:
流式布局
可以选择流式布局,会按照流式布局生成参数页面
效果如下:
自动查询
点击自动查询按钮,页面展现时会自动把参数值带入进行查询
增加自定义按钮
参数布局页面可以增加自定义按钮,写好js进行引用,添加方式如图:
效果如下:
点击刷新按钮即会刷新,可以自定义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,如图所示:
原因为参数布局中,控件或页面属性中宽度,高度,位置中有小数存在,如图所示:
【注意】请检查每一个控件以及整体布局属性,不能有小数,否则会出现如图报错。