帆软报表整合layui框架

我们有这样一个需求，在帆软报表的工具栏上添加一个自己的按钮，点击这个按钮需要弹出一些界面来操作，由于帆软报表没有UI框架可用，所以我们就需要自己去集成别的UI框架，这里记录一下我的整合过程，首先我的layui的路径为：com/fr/plugin/zt/process/layui。里面的结构为：

集成的过程中主要就是遇到路径的问题，路径不正确导致css或者js加载不进来，

这里我将layui.js与layui.css加载进来。遇到三个问题

1 layui.js动态加载的css文件laydate.css,layer.css,code.css因为路径问题加载不进来。

2 字体文件iconfont加载不进来。

3 css中的图片icon.png加载不进来。导致界面弹出框没有叉叉等。

针对这三个问题的修改如下：

1 那三个css加载不进来，我们需要修改layui.js，搜索r.prototype.link方法，将其中加载css的路径修改一下，修改代码如下：

r.prototype.link = function (t, r, o) {var a = this, u = e.getElementsByTagName("head")[0], l = e.createElement("link");"string" == typeof r && (o = r);

帆软报表整合layui框架相关推荐

帆软报表和jeecg的进一步整合--ajax给后台传递map类型的参数
下面是页面代码: <%@ page language="java"contentType="text/html; charset=UTF-8"pageEn ...
帆软报表的excel导出，插件开发可用
当我们在插件开发的过程中,需要使用excel格式导出一些自己的数据,我们可以使用帆软报表内部的excel导出的相关代码,没必要去使用第三方框架来做excel导出. 通过研究帆软内部的excel导出的相 ...
帆软报表填报自定义提交-后台数据解析保存详解
帆软报表填报前期步骤按api或者百度就可以完成,今天我这里着重讲解自定义提交(访问web后台服务进行提交). 填报提交有两种方式: 1)内置SQL:没什么难度,按教程来就行. 2)自定义提交:对应后台 ...
帆软参数设置_帆软报表（finereport）参数组合/下拉参数联动
首先实现下拉参数联动 1.参数的定义→添加控件绑定数据→参数过滤和参数面板样式下拉复选框控件注意事项: select * from table where 1=1 ${if(len(控件名称)=0, ...
帆软报表调用mysql存储过程_FineReport单行与数据库交互的方法
FineReport单行与数据库交互的方法 1. 问题描述我们在做一张报表填报的时候经常会遇到需要在一行进行添加动作,将该行数据直接与数据库交互,执行存储过程过程.我们可以通过每一行增加帆软&q ...
finereport 格式化金额函数_帆软报表（finereport）常用函数
帆软报表FineReport中数据连接之Websphere配置JNDI连接以oracle9i数据源制作的模板jndi.cpt为例来说明如何在FineReport中的Websphere配置JNDI连接 ...
积木报表对比帆软报表有什么区别？
自从积木报表的开源1.0-beta版本发布,广大开发者备受喜爱,同时还总会问起:"积木报跟帆软有什么区别?" 我们从内心不愿做这样的对比,只想做好自己的产品,不愿去评判同行产品的 ...
帆软报表调用python脚本_帆软报表（finereport）实现自动滚屏效果
例如Demo:IOS平台年度数据报表. 展示内容丰富,一个页面中存在多个图表.内容,超出了浏览器窗口的大小导致内容展示不全. 为了能够预览这个报表的全部内容,可以使用JS滚屏效果来实现. 操作步骤: ...
帆软报表 js 调用sql_SQL Server中的报表–创建由先前创建的主报表调用的基于矩阵的子报表
帆软报表 js 调用sql Introduction 介绍 As you will remember from our last "get together" we created ...

帆软报表整合layui框架

帆软报表整合layui框架相关推荐

最新文章

热门文章