• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingGrid Demo</title>
    7.   <!-- link for jquery -->
    8.   <script nonce="undefined" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    9.  
    10.   <!-- import zinggrid file -->
    11.   <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
    12.   <style>
    13.     body {
    14.       background: #FFF;
    15.     }
    16.   </style>
    17. </head>
    18.  
    19. <body>
    20.   <zing-grid id="myGrid" caption="Hello Doggos"></zing-grid>
    21.   <script>
    22.     ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
    23.     $(document).ready(function() {
    24.       const $gridRef = $('#myGrid');
    25.       let datastore = [{
    26.           "breed": "Dachshund",
    27.           "name": "Sousage"
    28.         },
    29.         {
    30.           "breed": "Corgi",
    31.           "name": "Plop"
    32.         },
    33.         {
    34.           "breed": "Pomeranian",
    35.           "name": "Floof"
    36.         }
    37.       ];
    38.       if ($gridRef) $gridRef.attr('data', JSON.stringify(datastore));
    39.     });
    40.   </script>
    41. </body>
    42.  
    43. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingGrid Demo</title>
    7.   <!-- link for jquery -->
    8.   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    9.  
    10.   <!-- import zinggrid file -->
    11.   <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
    12. </head>
    13.  
    14. <body>
    15.   <zing-grid id="myGrid" caption="Hello Doggos"></zing-grid>
    16. </body>
    17.  
    18. </html>
    1. body {
    2.   background: #FFF;
    3. }
    1. $(document).ready(function() {
    2.   const $gridRef = $('#myGrid');
    3.   let datastore = [{
    4.       "breed": "Dachshund",
    5.       "name": "Sousage"
    6.     },
    7.     {
    8.       "breed": "Corgi",
    9.       "name": "Plop"
    10.     },
    11.     {
    12.       "breed": "Pomeranian",
    13.       "name": "Floof"
    14.     }
    15.   ];
    16.   if ($gridRef) $gridRef.attr('data', JSON.stringify(datastore));
    17. });