Discussion :

[fzhamdaoui]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[fzhamdaoui]

Voilà mon code java script:

Code JAVASCRIPT :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?
• ...

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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