mpoirier Posted December 17, 2018 Share Posted December 17, 2018 (edited) 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 ! Edited December 17, 2018 by mpoirier Added result Link to comment Share on other sites More sharing options...
justsomeguy Posted December 17, 2018 Share Posted December 17, 2018 It doesn't look like it supports that, it looks like it only supports dot notation for property names if you're using the repeat attribute to loop over an array. Link to comment Share on other sites More sharing options...
jsarak Posted April 3, 2019 Share Posted April 3, 2019 I think it would be a great update and extremely usuful for w3.js, if it could support more complex objects like the example that mpoirier wrote. Thanks, Ioannis Link to comment Share on other sites More sharing options...
.thumb.jpg.fcb157c3c54c425ad60cf493ad20ac39.jpg)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now