Bootstrap-TreeGrid无法展示数据

Bootstrap-TreeGrid无法展示数据

最近,项目中需要使用到Bootstarp TreeGrid,也就是表格中展示层级关系,由于一开始没去找相应的博客,遇到了无法展示数据的问题。


首先

感谢懒得安分的开源,具体教程点击这里

TreeGrid的效果图
Bootstrap-TreeGrid无法展示数据



开始

Model类
首先创建一个,数据库对应的模型类
Bootstrap-TreeGrid无法展示数据

展示数据的页面
初始化 TreeGrid ,通过 Get 请求获取 JSON 数据,自定义 field、parentColumn、id
Bootstrap-TreeGrid无法展示数据



调试

开启调试后,居然没有展示出一条数据。
Bootstrap-TreeGrid无法展示数据
打开浏览器中 开发人员工具网络
响应的数据没有问题
Bootstrap-TreeGrid无法展示数据




解决方法

努力瞎改了好一阵子,在这一篇博客中 找到了问题所在。
Bootstrap-TreeGrid无法展示数据

复制一段原话:

当前记录的 parentColumnnull 或者空字符串的时候,这个节点就是根节点,然后根据根节点去递归找子节点。


如果是根节点,parentColumn 不能有值,在 开发者工具 可以看到 响应的 JSON 报文中,根节点的 parent_id0

在不修改数据库的情况下,通过 Linq 将所有的 根节点 的 parent_id 改为 “” (空字符串)

Bootstrap-TreeGrid无法展示数据


问题解决