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>
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>
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>
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">
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">
34 <div class="ui-demo-namecard-contents">
35 <span class="name ui-li-text-main">${NAME}</span>
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>
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");