Jump to content

mpoirier

Members
  • Posts

    1
  • Joined

  • Last visited

mpoirier's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Is there any way to display complex objects with w3.displayObject("id01", myObject) w3.js function ? <!DOCTYPE html> <html> <title>W3.JS</title> <meta charset="utf-8"> <script src="https://www.w3schools.com/lib/w3.js"></script> <script> var myObject= {"customers":[ {"CustomerName" : "Alfreds Futterkiste", "Address": {"City" : "Berlin","Country" : "Germany"}}, {"CustomerName" : "Berglunds snabbköp", "Address": {"City" : "Luleå","Country" : "Sweden"}}, {"CustomerName" : "Centro comercial Moctezuma", "Address": {"City" : "México D.F.","Country" : "Mexico"}}, {"CustomerName" : "Ernst Handel", "Address": {"City" : "Graz","Country" : "Austria"}}, {"CustomerName" : "FISSA Fabrica Inter. Salchichas S.A.", "Address": {"City" : "Madrid","Country" : "Spain"}} ]}; </script> <body> <h2>Testing W3.JS in HTML</h2> <table id="id01"> <tr> <th>Customer</th> <th>City</th> <th>Country</th> </tr> <tr w3-repeat="customers"> <td>{{CustomerName}}</td> <td>{{Address.City}}</td> <td>{{Address.Country}}</td> </tr> </table> <script> w3.displayObject("id01", myObject); </script> </body> </html> Result: Customer City Country Alfreds Futterkiste {{Address.City}} {{Address.Country}} Berglunds snabbköp {{Address.City}} {{Address.Country}} Centro comercial Moctezuma {{Address.City}} {{Address.Country}} Ernst Handel {{Address.City}} {{Address.Country}} FISSA Fabrica Inter. Salchichas S.A. {{Address.City}} {{Address.Country}} Thanks !
×
×
  • Create New...