sampleda.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <meta charset="utf-8" />
  6. <title>
  7. Data Abstract dataset demo
  8. </title>
  9. <!-- Bootstrap -->
  10. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  12. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  13. <style type="text/css">
  14. body {
  15. padding-top: 60px;
  16. }
  17. </style>
  18. <script src="RemObjectsSDK.js" type="text/javascript"></script>
  19. <script src="DataAbstract.js" type="text/javascript"></script>
  20. <script src="DataAbstract4_intf.js" type="text/javascript"></script>
  21. <script src="sampleda.js" type="text/javascript"></script>
  22. </head>
  23. <body role="document">
  24. <div class="navbar navbar-fixed-top" role="navigation">
  25. <div class="container">
  26. <div class="navbar-header">
  27. <div class="navbar-brand">Data Abstract for Pas2JS</div>
  28. </div>
  29. <button id="btn-fetch" class="btn btn-default">Load Data</button>
  30. <div><a href="sampleda.lpr"> View pascal sources</a></div>
  31. </div>
  32. </div>
  33. <div id="wrapper" class="container" style="display:none;">
  34. <div class="content">
  35. <div class="row">
  36. <table class="table table-bordered table-striped">
  37. <thead>
  38. <th>ID</th>
  39. <th>Name</th>
  40. <th>Phone</th>
  41. </thead>
  42. <tbody id="tableRows"></tbody>
  43. </table>
  44. </div>
  45. </div>
  46. </div>
  47. <hr />
  48. </footer>
  49. <script>
  50. window.addEventListener("load",rtl.run);
  51. </script>
  52. </body>
  53. </html>