报表工具FineReport自定义主题包示例.pdf免费

自定义主题包示例  描述  theme.js  框架布局属性  目录树组件配置  style.css  cover.png  打包主题包  导入主题包 1. 描述 如下图所示，我们想把目录树放到顶部，而丌是左侧，以此效果为例，来讲解自定义主题包 API 接口的使用 方法： 2. theme.js 在总章节-自定义主题制作中介绍了自定义主题包由三个文件组成：theme.js、style.css 和cover.png ，其 中theme.js 里面保存了组件的自定义扩展。 故，首先新建一个 theme.js 文件，并将组件 API 接口构成里面的对五大部件自定义扩展的代码拷贝进去， 如下图： 2.1 框架布局属性 上面效果图中左侧的目录树显示到顶部作为导航栏，即左侧的框架宽度变为0 ，那么就可以在config4frame 配置中重新west 属性，设置其宽度为0 ，代码如下： 1. //框架布局配置属性 2. config4frame: { 3. west: { 4. width: 0 5. } 6. 2.2 目录树组件配置 较乊默认的平台主题，示例主题中顶部没有模板的有哪些信誉好的足球投注网站框 ，并且左侧目录树显示在顶部，故需要扩展初始化 后事件 ，移掉有哪些信誉好的足球投注网站框，重新绘制目录树，初始化后事件代码如下： 1. //目录树组件配置属性 2. config4MenuTree: { 3. onAfterInit: function () {} 4.  移出有哪些信誉好的足球投注网站框 在初始化事件内添加如下代码： 1. //移除有哪些信誉好的足球投注网站框 2. var self = this ; 3. $(#fs-frame-search).remove(); 4. var $reg = $(#fs-frame-reg); 5. if ($reg.length 0) { 6. $reg.remove(); 7. }  绘制目录树 目录树从左侧移到顶部，即全部重新绘制目录，故需要使用到目录树节点请求接口，通过ajax 拿到目录树及 管理系统的各个节点，然后重新绘制，代码如下： 1. $.ajax({ 2. url: FR.servletURL + ?op=fs_maincmd=module_getrootreports, 3. type: POST, 4. data: {id: -1}, 5. success: function (res, status) { 6. var nodes = $.parseJSON(res); 7. //目录树节点获取成功乊后，获取管理系统各个节点 8. $.ajax({ 9. url: FR.servletURL + ?op=fs_maincmd=getmoduleitems, 10. type: POST, 11. async: false, 12. data: {id: 1}, 13. success: function(res){ 14.