Jump to content

mpoirier

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by mpoirier

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