作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在为我的 boostrap-treeview 检索 JSON 数据时,我在 boostrap-treeview.js:267 上收到此错误。
$(document).ready(function() {
$.ajax({
url: "js/category_data.php",
method:"POST",
dataType: "json",
success: function(data) {
$('#doctypesTree').treeview({ data: data });
}
});
});
JSON数据如下:
{
"2":{
"id":"12",
"text":"Certified copy",
"Description":"","root":"0"
},
"3":{
"id":"13",
"text":"Charter",
"Description":"",
"root":"0"
},
"4":{
"id":"14",
"text":"Codicil (will)",
"Description":"",
"root":"0"
},
"5":{
"id":"15",
"text":"Cohabitation agreement",
"Description":"",
"root":"0"
},
"6":{
"id":"16",
"text":"Collateral assurance",
"Description":"",
"root":"0"
},
"7":{
"id":"17",
"text":"Commercial invoice",
"Description":"",
"root":"0"
},
"8":{
"id":"18",
"text":"Complaint",
"Description":"",
"root":"0"
},
"9":{
"id":"19",
"text":"Conservation easement",
"Description":"",
"root":"0"
},
"10":{
"id":"20",
"text":"Consignee",
"Description":"",
"root":"0"
},
"11":{
"id":"21",
"text":"Consumer complaint",
"Description":"",
"root":"0"
},
"12":{
"id":"22",
"text":"Contract",
"Description":"",
"root":"0"
},
"13":{
"id":"23",
"text":"Contractual term",
"Description":"",
"root":"0"
},
"14":{
"id":"24",
"text":"Contractual terms in English law",
"Description":"",
"root":"0"
},
"15":{
"id":"25",
"text":"Florence Annie Conybeare",
"Description":"",
"root":"0"
},
"16":{
"id":"26",
"text":"Copyright transfer agreement",
"Description":"",
"root":"0"
},
"17":{
"id":"27",
"text":"Countersign (legal)",
"Description":"",
"root":"0"
},
"18":{
"id":"28",
"text":"County Court judgment",
"Description":"",
"root":"0"
},
"19":{
"id":"29",
"text":"Credit Support Annex",
"Description":"",
"root":"0"
},
"20":{
"id":"30",
"text":"Customs declaration",
"Description":"",
"root":"0"
},
"21":{
"id":"31",
"text":"Bills",
"Description":"",
"root":"0",
"nodes":[
{
"id":"4",
"text":"Bill of costs",
"Description":"This type gather all documents related to costs","root":"31"
},
{
"id":"5",
"text":"Bill of sale",
"Description":"","root":"31"
}
]
}
}
我正在使用 Bootstrap Tree View
任何想法
最佳答案
您的 json 是一个对象。您必须将其转换为数组才能使树工作。您可以更改 php 以返回正确的数组,也可以使用 javascript 将其转换为数组,如下所示。
var data = {
"2": {
"id": "12",
"text": "Certified copy",
"Description": "",
"root": "0"
},
"3": {
"id": "13",
"text": "Charter",
"Description": "",
"root": "0"
},
"4": {
"id": "14",
"text": "Codicil (will)",
"Description": "",
"root": "0"
},
"5": {
"id": "15",
"text": "Cohabitation agreement",
"Description": "",
"root": "0"
},
"6": {
"id": "16",
"text": "Collateral assurance",
"Description": "",
"root": "0"
},
"7": {
"id": "17",
"text": "Commercial invoice",
"Description": "",
"root": "0"
},
"8": {
"id": "18",
"text": "Complaint",
"Description": "",
"root": "0"
},
"9": {
"id": "19",
"text": "Conservation easement",
"Description": "",
"root": "0"
},
"10": {
"id": "20",
"text": "Consignee",
"Description": "",
"root": "0"
},
"11": {
"id": "21",
"text": "Consumer complaint",
"Description": "",
"root": "0"
},
"12": {
"id": "22",
"text": "Contract",
"Description": "",
"root": "0"
},
"13": {
"id": "23",
"text": "Contractual term",
"Description": "",
"root": "0"
},
"14": {
"id": "24",
"text": "Contractual terms in English law",
"Description": "",
"root": "0"
},
"15": {
"id": "25",
"text": "Florence Annie Conybeare",
"Description": "",
"root": "0"
},
"16": {
"id": "26",
"text": "Copyright transfer agreement",
"Description": "",
"root": "0"
},
"17": {
"id": "27",
"text": "Countersign (legal)",
"Description": "",
"root": "0"
},
"18": {
"id": "28",
"text": "County Court judgment",
"Description": "",
"root": "0"
},
"19": {
"id": "29",
"text": "Credit Support Annex",
"Description": "",
"root": "0"
},
"20": {
"id": "30",
"text": "Customs declaration",
"Description": "",
"root": "0"
},
"21": {
"id": "31",
"text": "Bills",
"Description": "",
"root": "0",
"nodes": [{
"id": "4",
"text": "Bill of costs",
"Description": "This type gather all documents related to costs",
"root": "31"
}, {
"id": "5",
"text": "Bill of sale",
"Description": "",
"root": "31"
}]
}
};
var dataArray = [];
for (var key in data) {
if (data.hasOwnProperty(key)) {
dataArray.push(data[key]);
}
};
$('#tree').treeview({data: dataArray});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/jonmiles/bootstrap-treeview/master/dist/bootstrap-treeview.min.js"></script>
<div id="tree"></div>
关于javascript - 未捕获的类型错误 : Cannot set property 'nodeId' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45364785/
我是一名优秀的程序员,十分优秀!