您的位置：首页 > 产品设计 > UI/UE

dql组件结果页面实现自定义效果

2017-04-07 13:22 399 查看
需求说明：



除了红色标记部分，其他的客户想都去掉或者隐藏不显示那些功能，实现页面的自定义化。

解决方案：

上面导航条可以完全隐藏掉让用户自己定义。下面的也可以隐藏，但分组维度不建议去掉，一般用户会用到分组聚合查询功能。

标签部分可以通过查看raqsoftQuery.tld里的说明，js部分可以查看raqsoftApi.js，如安装目录下没有此文件，可通过技术支持或者企业QQ索要相关文件。
例如：query.jsp中的guideConf.showToolBar = 'no'控制功能条是否显示

另外如需自定义功能条，则可以通过query.jsp里的标签控制一些功能图标是否显示；
对于自己新增的功能条，不建议在query.jsp这个标签页里写东西，因为这个页面使用了布局，容易对这些功能造成干扰，可以考虑在外面写个jsp，把这个query.jsp嵌入到frame中去。

同样的方式，可以实现分析页面的自定义，即对应analyse.jsp的配置。

修改示例实现的效果为去掉自带功能条，自定义功能条只包含查询功能：

query.jsp中标签部分修改如下：

guideConf.showNullGroup = 'user';//是否显示空分组，yes/no/user，默认yes，user表示让用户在界面上自己选

guideConf.detectLevel = '0';//侦测字段深度，默认4，0表示让用户在界面上选择测层数

guideConf.showToolBar = 'no';//是否显示顶端工具栏，默认yes

guideConf.showDataSources = 'yes';//是否显示右上角数据源选择列表

新建test.jsp，用于展现主页面的代码如下：

<html>

  <head>

  <title>内嵌示例1</title>

  <script>

 

 function submitQuery() {

  query.window.submitQuery();//查询对应js

 }

</script>

  </head>

  <body>

  <a href="javascript:submitQuery()">查询</a>

  <iframe name="query" src="query.jsp" frameborder="0" scrolling="yes" height="100%" width="100%" marginheight="0" marginwidth="0" scrolling="no" ></iframe>

  </body>

  </html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  润乾报表 dql组件 查询分析 query 自定义页面
相关文章推荐
新的分享
章节导航