引用ext的js及css

编辑
文档创建者:印然 (67260 )     浏览次数:3355次     编辑次数:8次     最近更新:ukae 于 2018-08-15     

目录:

1. 问题描述编辑

现有系统使用Ext框架,报表集成至现有系统后,默认弹出框样式都是FineReport报表中固定的风格,希望报表里面的弹出框使用Ext的风格,因此需要自定义弹出框的样式,如下:

222

2. 实现思路编辑

引用Ext的js文件,调用Ext的方法弹出窗口,再通过Ext的css样式表,设置弹出窗口的样式。

3. 解决方案编辑

3.1 引用Ext的js文件与css样式表
报表集成到Ext系统后,点击菜单服务器>服务器配置>引用JavaScript,通过相对路径引用Ext框架文件ext-all.js,如这个文件分别位于工程目录%FR_HOME%\webapps\webroot\help\ext-4.2.1.883\,则如下图引用:
222
同样在服务器>服务器配置>引用Css,通过相对路径引用ext-all.css,如该文件位于工程目录%FR_HOME%\webapps\webroot\help\ext-4.2.1.883\resources\css\,则如下图引用:
222
3.2 使用Ext弹出框
在报表设计里面,如果需要弹出框显示内容的,就可直接使用Ext弹出方式,在JavaScript中直接输入如下代码:
Ext.MessageBox.alert("FR","这个是Ext风格的窗口");               //第一个参数为弹出框标题,第二个参数为弹出框内容,可根据情况修改
如下图调用方法:
222
3.3 预览报表,展示ext风格
确定并保存,预览报表,弹出对话框就是Ext风格显示了。

4.其他情况编辑

4.1问题描述
当在IE7或者是IE8下预览的时候,展示无效,这是因为IE 7、8下动态图表的特殊实现方式(VML),无法直接调用模板引入的ext的js和css。

4.2解决思路
因为IE 7、8下动态图表的特殊实现方式(VML),无法直接调用模板引入的ext,所以需要做一个判断,如果在IE7,8下面引用ext的js或者是css,则先获取父窗格再调用ext。

4.3解决方案
if (window.isChartIframe) { window.parent.Ext.MessageBox.alert("FR","这个是Ext风格的窗口"); } else { Ext.MessageBox.alert("FR","这个是Ext风格的窗口"); }
如下图调用方法:

222



附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?只是浏览 [ 去社区提问 ]