javascript — Uncaught TypeError: Невозможно установить свойство ‘nodeId’ из неопределенного

Question

javascript — Uncaught TypeError: Невозможно установить свойство ‘nodeId’ из неопределенного

Я получаю эту ошибку на boostrap-treeview.js: 267 при получении данных JSON для моего boostrap-treeview.

$(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

Есть идеи

1

bootstrap-treeview javascript jquery json

Решение

По вопросам рекламы [email protected]

Accepted Answer

Ваш 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>

1

Другие решения

Других решений пока нет …

Источник