正确并熟练地应用FineBI进行目录树组件配置将有利于提高我们的工作效率，优化我们的工作结构，下面将通过企业数据分析工具FineBI详细介绍。
工具/原料
企业数据分析工具FineBI V3.7
方法/步骤
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，对某些元素进行样式修饰