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.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>
10 <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.1.0/external/qunit.css" />
11 <script src="../../../libs/js/jquery-mobile-1.1.0/external/qunit.js"></script>
12 <script src="virtualgrid-tests.js"></script>
13 <title>Virtualgrid</title>
17 <h1 id="qunit-header">Virtualgrid</h1>
18 <h2 id="qunit-banner"></h2>
19 <div id="qunit-testrunner-toolbar"></div>
20 <h2 id="qunit-userAgent"></h2>
21 <ol id="qunit-tests"></ol>
23 <div id="qunit-fixture">
24 <div data-role="page" id="virtualgrid_demo_page" class="virtualgrid_demo_page">
25 <div data-role="header" data-position="fixed">
28 <div data-role="content">
29 <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
30 <div class="ui-demo-namecard">
31 <div class="ui-demo-namecard-pic">
33 <div class="ui-demo-namecard-contents">
34 <span class="name ui-li-text-main">${NAME}</span>
38 <div id="virtualgrid-test" data-direction="y" data-role="virtualgrid" data-itemcount="auto" data-rotation="true" data-template="tizen-demo-namecard" data-dbtable="JSON_DATA" style="width: 500px;height:600px;"></div>
40 $( ".virtualgrid_demo_page" ).live( "pagecreate", function() {
41 console.log("pagecreate...");
42 $.getScript( "../../../demos/tizen-gray/widgets/grid/js/virtualgrid-db-demo.js", function( data, textStatus ) {
43 $(document).trigger("dataloaded");