tests/additional-unit-tests/virtualgrid/index.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <script src="../../../build/tizen-web-ui-fw/latest/js/jquery.js"></script>
   5                 <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   6                 <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
   7                         data-framework-theme="tizen-white"
   8                         data-framework-viewport-scale=false>
   9                 </script>
  10
  11                 <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
  12                 <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  13                 <script src="virtualgrid-tests.js"></script>
  14                 <title>Virtualgrid</title>
  15         </head>
  16
  17         <body>
  18                 <h1 id="qunit-header">Virtualgrid</h1>
  19                 <h2 id="qunit-banner"></h2>
  20                 <div id="qunit-testrunner-toolbar"></div>
  21                 <h2 id="qunit-userAgent"></h2>
  22                 <ol id="qunit-tests"></ol>
  23
  24                 <div id="qunit-fixture">
  25                         <div data-role="page" id="virtualgrid_demo_page" class="virtualgrid_demo_page">
  26                                 <div data-role="header" data-position="fixed">
  27                                         <h1>Virtualgrid</h1>
  28                                 </div>
  29                                 <div data-role="content">
  30                                         <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
  31                                                 <div class="ui-demo-namecard">
  32                                                         <div class="ui-demo-namecard-pic">
  33                                                         </div>
  34                                                         <div class="ui-demo-namecard-contents">
  35                                                                 <span class="name ui-li-text-main">${NAME}</span>
  36                                                         </div>
  37                                                 </div>
  38                                         </script>
  39                                         <div id="virtualgrid-test" data-direction="y" data-role="virtualgrid" data-rotation="true" data-template="tizen-demo-namecard" data-dbtable="JSON_DATA" style="width: 500px;height:600px;"></div>
  40                                         <script>
  41                                                 $( ".virtualgrid_demo_page" ).live( "pagecreate", function() {
  42                                                         console.log("pagecreate...");
  43                                                         $.getScript( "../../../demos/tizen-winsets/widgets/grid/js/virtualgrid-db-demo.js", function( data, textStatus ) {
  44                                                                 $(document).trigger("dataloaded");
  45                                                         });
  46                                                 });
  47                                         </script>
  48                                 </div>
  49                         </div>
  50                 </div>
  51         </body>
  52 </html>