最需要的时候遇见你OrgChart(2)

简介: 最需要的时候遇见你OrgChart

这时有没有疑问,这些数据是哪里来的,那就一起找找呗!


数据原来在这里,那咱们就需要把这段js代码复制到自己需要展示的地方了。但是数据肯定不是固定的,是后台传过来的。嗯,对,没错


image.png


这个时候先别着急,下看看它的数据结构,里边有name、title。


那么试想一下, 我们把这几个值修改一下,还会正常显示吗?


image.png

image.png



果不其然,凉透透了,为什么要修改这个键值呢!因为你的数据库字段不可能跟这个是完全符合的啊!


这个时候就需要看文档了,咔咔这里直接给出解决方法。


只需要在加一行代码即可,其余的参数还是需要大家去查看文档解决哈!


image.png

好了,这个时候一切工作准备就绪,只需要从后台传入数据就ok了,终于就剩最后一步了。


咔咔把数据保存到了input中,然后获取出来,终于完成了。


image.png


来吧!展示!纳尼!怎么是这个样子,有一个值怎么是空的。


image.png


这个时候二话没说,打开后台打印一下数据看看什么情况。数据一切安好。


image.png


二、分析问题

针对上面出现的问题,不得不在回到演示案例中。


其实在这个数据结构中,可以清楚的看明白,那就是键值都是带引号的。


image.png


不信的话来测试一下,自定义一份数据,然后检测一下。


image.png

image.png


经过验证这样的数据是可以的,那么在来试一下业务中的真实数据。


经过一番验证,相信伙伴们都已经了解这个问题了


image.png



相关文章
602需求遇见的问题及解决方式
602需求遇见的问题及解决方式
|
安全 小程序 程序员
删库跑路大神「后悔」了?我只不过犯了大家都会犯的编程错误!(2)
删库跑路大神「后悔」了?我只不过犯了大家都会犯的编程错误!
111 0
删库跑路大神「后悔」了?我只不过犯了大家都会犯的编程错误!(2)
|
Apache 云计算 开发者
删库跑路大神「后悔」了?我只不过犯了大家都会犯的编程错误!(1)
删库跑路大神「后悔」了?我只不过犯了大家都会犯的编程错误!
165 0
删库跑路大神「后悔」了?我只不过犯了大家都会犯的编程错误!(1)
|
Java 中间件 程序员
最网最全bug定位套路,遇见bug再也不慌了
最网最全bug定位套路,遇见bug再也不慌了
346 0
|
Java 程序员
学妹问我Java异常是怎么回事,讲了半夜才明白,速度收藏!!!记得点赞和关注
异常是Java开发中常见的,也是程序最不愿意看到的,因为有异常基本上就代表我们写的代码有bug,很烦,游戏服务端有异常上报系统,每当半夜收到异常上报都慌的一笔。今天就扒一扒异常,开始走起。
151 0
学妹问我Java异常是怎么回事,讲了半夜才明白,速度收藏!!!记得点赞和关注
|
关系型数据库 MySQL PHP
最需要的时候遇见你OrgChart(3)
最需要的时候遇见你OrgChart
116 0
最需要的时候遇见你OrgChart(3)
|
前端开发 JavaScript
最需要的时候遇见你OrgChart(1)
最需要的时候遇见你OrgChart
137 0
最需要的时候遇见你OrgChart(1)
|
网络协议 Linux
被鹅厂搞懵逼了(更正)
在 FIN_WAIT_2 状态下如何处理乱序的 FIN 报文
被鹅厂搞懵逼了(更正)
|
存储 Windows
明明很努力的写博客,为啥没人看?试试这些方法和工具(建议收藏)
明明很努力的写博客,为啥没人看?试试这些方法和工具(建议收藏)
274 0
明明很努力的写博客,为啥没人看?试试这些方法和工具(建议收藏)
|
程序员
当程序员遇见茶道,这场景你都想象不到!
这是一个茶友与一个技术型的程序猿兼茶盲一起喝茶…… 场景:办公室。装修完毕,茶具一一到位。拉开架势、准备沏茶。程序猿闻声而至,坐于茶桌前。 程序猿:矮油,茶台怎么那么破旧,呐,你看看,这里还有几个破洞。
1173 0