商业bi软件FineBI进行目录树组件配置

1、较之默认的平台主题，示例主题中顶部没有模板的搜索框，并且左侧目录树显示在顶部，故需要扩展初始化后事件，移掉搜索框，重新绘制目录树，初始化后事件代码如下：

1.   //目录树组件配置属性    

2.   config4MenuTree: {  

3.  onAfterInit: function () {}  

4.      

2、移出搜索框

在初始化事件内添加如下代码：

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.                  }  

3、绘制目录树

目录树从左侧移到顶部，即全部重新绘制目录，通过ajax拿到目录树及管理系统的各个节点，然后重新绘制，代码如下：

4、将去除搜索框和绘制目录树代码添加到初始化后事件中即可。

其他三大部件没有进行修改，无需更改。

最后theme.js文件的代码如下：

5、style.css

页面主体交互的过程扩展完成之后，需要对其中的一些样式进行修饰，故，新建style.css，对某些元素进行样式修饰