JsTree树不出来报Uncaught TypeError: Cannot read property 'children' of undefined

梦里梦外; 2022-06-09 04:44 225阅读 0赞

# 1、 问题 #

JsTree树不出来，从chrome console 看到

Uncaught TypeError: Cannot read property 'children' of undefined

# 2、code 和后台json数据 #

问题出自 黄色部分

\---------------------------------------Code---------------------------------------------

var url = "$\{pageContext.request.contextPath\}/tree/queryRoomTree.html";                               
                              $("\#jstree\_demo")  
                               .jstree(\{                                   
                                   "core" : \{  
                                          "animation" : 0,  
                                          "check\_callback" : true,  
                                          'force\_text' : true,  
                                          "themes" : \{ "stripes" : true \},  
                                         "check\_callback" : true,  
                                         'data' : function (obj, callback) \{  
                                                var jsonstr="\[\]";  
                                                var jsonarray = eval('('+jsonstr+')');  
                                                  
                                                $.ajax(\{  
                                                    type: "POST",  
                                                    url:url,  
                                                    dataType:"json",  
                                                    async: false,  
                                                    success:function(result) \{      
                                                        var arrays= result;  
                                                        for(var i=0 ; i<arrays.length; i++)\{  
                                                            var arr = \{  
                                                                    "id":arrays\[i\].id,  
                                                                    "parent":arrays\[i\].pid=="root"?"\#":arrays\[i\].pid,  
                                                                    "text":arrays\[i\].name  
                                                            \}  
                                                            jsonarray.push(arr);  
                                                        \}  
                                                    \}  
  
                                                \});  
                                                  
                                                callback.call(this, jsonarray);  
                                            \}  
                                        \},  
                                        "types" : \{  
                                            "\#" : \{ "max\_children" : 1, "max\_depth" : 4, "valid\_children" : \["root"\] \},  
                                            "root" : \{ "icon" : "dist/images/tree\_icon.png", "valid\_children" : \["default"\] \},  
                                            "default" : \{ "valid\_children" : \["default","file"\] \},  
                                            "file" : \{ "icon" : "glyphicon glyphicon-file", "valid\_children" : \[\] \}  
                                        \},  
                                        "plugins" : \["checkbox", "contextmenu", "dnd", "search", "state", "types", "wholerow" \]  
                                    \});

\----------------------------------------------------------------------------------Data Json from backend--------------------------------------------------------------------------------------------------------

\[

\{"id":"-1","name":"鍏ㄩ儴绌鸿皟","pid":"","icon":null,"iconSkin":"root","open":false,"isParent":true,"checked":false\},

\{"id":"A1","name":"A妤 ","pid":"-1","icon":null,"iconSkin":"A","open":false,"isParent":true,"checked":false\},

\{"id":"A2","name":"B妤 ","pid":"-1","icon":null,"iconSkin":"A","open":false,"isParent":true,"checked":false\},

\{"id":"A3","name":"C妤 ","pid":"-1","icon":null,"iconSkin":"A","open":false,"isParent":true,"checked":false\},

\{"id":"A4","name":"D妤 ","pid":"-1","icon":null,"iconSkin":"A","open":false,"isParent":true,"checked":false\},

# 3. 解决办法 #

因为后台返回的数据 根节点的"pid":""（空），而黄色代码部分却是

"parent":arrays\[i\].pid=="root"?"\#":arrays\[i\].pid,

Code改为

"parent":arrays\[i\].pid==""?"\#":arrays\[i\].pid,

//区别是绿色部分，也就是真正的根节点pid是““，赋值为\#

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关 Uncaught TypeError: Cannot read property 'querySelector' of undefined

在我们来看下源代码 var menuMaxW = _dom.header.querySelector('.column').offsetWidth - _dom...

た入场券/ 2024年04月18日 12:19/ 0 赞/ 79 阅读

相关 Uncaught TypeError: Cannot read properties of undefined (reading ‘Constructo

报错内容： Uncaught TypeError: Cannot read properties of undefined (reading ‘Constructor’)

不念不忘少年蓝@/ 2023年09月28日 22:24/ 0 赞/ 27 阅读

相关 Uncaught TypeError: Cannot read property 'length' of undefined

1、错误描述 ![Center][] jquery.easyui.min.js:8311 Uncaught TypeError: Cannot read pr

刺骨的言语ヽ痛彻心扉/ 2022年07月12日 07:45/ 0 赞/ 270 阅读

相关 Uncaught TypeError: Cannot read property 'msie' of undefined

1、错误描述 Uncaught TypeError: Cannot read property 'msie' of undefined at Obje

比眉伴天荒/ 2022年07月11日 07:56/ 0 赞/ 167 阅读

相关 Uncaught TypeError: Cannot read property 'decimalSeparator' of undefined

1、错误描述 Uncaught TypeError: Cannot read property 'decimalSeparator' of undefined

柔情只为你懂/ 2022年07月11日 07:44/ 0 赞/ 257 阅读

相关 Uncaught TypeError: Cannot read property 'attr' of undefined

1、错误描述 Uncaught TypeError: Cannot read property 'attr' of undefined at HTML

r囧r小猫/ 2022年07月10日 13:58/ 0 赞/ 255 阅读

相关 Uncaught TypeError: Cannot read property 'msie' of undefined

1、错误描述 Uncaught TypeError: Cannot read property 'msie' of undefined TypeError:

叁歲伎倆/ 2022年06月10日 04:07/ 0 赞/ 201 阅读

相关 JsTree树不出来报Uncaught TypeError: Cannot read property 'children' of undefined

1、问题 JsTree树不出来，从chrome console 看到 Uncaught TypeError: Cannot read property 'childr

梦里梦外;/ 2022年06月09日 04:44/ 0 赞/ 226 阅读

相关 Uncaught TypeError: Cannot read property 'call' of undefined

在编写表单验证的时候validate（）出现了错误，当我添加rules的时候，出现报错。关键代码如下所示 $("inputForm").validate({

墨蓝/ 2022年05月16日 01:50/ 0 赞/ 232 阅读

相关 Uncaught TypeError: Cannot read property 'opera' of undefined

1、错误描述 Uncaught TypeError: Cannot read property 'opera' of undefined jquery

秒速五厘米/ 2022年02月18日 14:01/ 0 赞/ 261 阅读