Affichage d'une arborescence avec javaScript et json

Bonjour,
J'ai besoin de votre aide,
je veux afficher une arborescence dans ma page web avec javascript en utilisant Json,j'ai crée l'arborescence dans le fichier Json mais j'arrive pas à le voir dans l'interface.
voila mon fichier json;

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
[{
    "id": "DemoProject",
    "text": "Project 'Demo Project'",
    "children":
    [
      {
        "id": "WebShop",
        "text": "Web Shop",
        "children": [
          {
            "id": "CustomerAdministration",
            "text": "Customer Administration",
            "children": [
              {
                "id": "CustomerAccountManagementBasics",
                "text" : "Customer Account Management - Basics",
                "icon" : "jstree-file"
              },
              {
                "id": "CustomerAccountManagementShippingDetails",
                "text" : "Customer Account Management - Shipping Details",
                "icon" : "jstree-file"
 
              },
              {
                "id": "CustomerAccountManagementPaymentOptions",
                "text" : "Customer Account Management - Payment Options",
                "icon" : "jstree-file"
              }]
          },
          {
            "id": "ProductBrowser",
            "text": "Product Browser",
            "children": [
              {
                "id": "ProductInvestigationBascics",
                "text" : "Product Investigation - Basics",
                "icon" : "jstree-file"
              },
              {
                "id": "ProductInvestigationAdvanced",
                "text" : "Product Investigation - Advanced",
                "icon" : "jstree-file"
              },
              {
                "id": "Search/FilteringProductGroup",
                "text" : "Search/Filtering products according to productgroups (Books, Clothes, Toys, etc.)",
                "icon" : "jstree-file"
              },
              {
                "id": "Search/FilteringCriterias",
                "text" : "Filtering/Sorting products by different criteria like New and bestselling, Price, Arrival Date, Customer Review",
                "icon" : "jstree-file"
              },
              {
                "id": "ProductSelectionShoppingCart",
                "text" : "Product Selection - Adding to Shopping Cart",
                "icon" : "jstree-file"
              }]
          }
        ]
      },
      {
        "id": "Check Out Process",
        "text": "Check Out Process",
        "children":[
          {
            "id": "Check Out Process",
            "text": "Check Out Process -Options -Shipping Location",
            "icon" : "jstree-file"
              },
              {
                "id": "Check Out Process",
                "text": "Check Out Process -Options -Payement Options ",
                "icon" : "jstree-file"
              }
        ]
      }
 
    ]
}]

MErci pour votre aide.

Voilà mon code java script:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 $(function ()
    {
        $('#casTestTree').jstree({
            'core' :
            {
                'data' :
                {
                    "url" : "js/casTest.json",
                }
            },
        });
    });

Bonjour,
as tu bien suivi les instructions données sur leur site ?
• Populating the tree using JSON, en autre configuration...

Profite pour enlever la virgule avant le crochet fermant
Code:

1 2 3 4 'data': { 'url': 'js/casTest.json', // <- celle là }
Et les questions d'usage :

le chemin du fichier est-il le bon ?
y a t-il un élément ayant comme id « casTestTree » ?
pas de message dans la console ?
la librairie est-elle intégrée et/ou au bon endroit ?
...

Code:

1
2
3
4
          "url" : "js/casTest.json", // <= celle là
                }
            }, //<= celle là aussi 
        });