fastadmin框架结合bootstrap-treegrid数据渲染更直观

l14107cb

fastadmin中请求数据是经过bootstrap-table来请求数据的，针对有些数据需要树状层级展示数据不可够很直观的表示，于是博主找到了一个处理方法便是利用bootstrap-treegrid，bootstrap-treegrid是依赖bootstrap-table实现的因此在运用中必须改动太多代码。

先看下运用后的效果图:

层叠表示树状展示效果一

层叠表示树状展示效果二

接下来讲说运用办法

bootstrap-treegrid的gitee位置：https://gitee.com/lds2013/bootstrap-treegrid

克隆下来后只需要将src目录下的bootstrap-treegrid.min.js复制到你fastadmin项目的public\assets\js文件夹下

而后在需要运用的对应的js文件中引入bootstrap-treegrid

而后在已有的bootstrap-table代码请求中加以下代码

treeView: true,//是不是表示树形视图 treeId: "id",//定义关键字段来标识树节点 treeField: "title",//定义树节点字段 treeParentId: "pid", //定义父级ID字段 parentIdInit: 0, treeRootLevel: 1,//树根的级别 treeCollapseAll:true,//是不是所有折叠，默认折叠

后端返回的数据格式不消改变，而后刷新页面就可完成