Refactor virtual grid demo subpages

Move js code to 1 file, change directory structure.

Change-Id: I807e5ed1e5d6b35a74125db44ac9e2a01cf69de3

diff --git a/demos/tizen-winsets/widgets/grid/css/namecard.css b/demos/tizen-winsets/widgets/grid/namecard.css
old mode 100755 (executable)
new mode 100644 (file)
similarity index 100%
rename from demos/tizen-winsets/widgets/grid/css/namecard.css
rename to demos/tizen-winsets/widgets/grid/namecard.css

diff --git a/demos/tizen-winsets/widgets/grid/js/virtualgrid-db-demo.js b/demos/tizen-winsets/widgets/grid/virtualgrid-db-demo.js
old mode 100755 (executable)
new mode 100644 (file)
similarity index 100%
rename from demos/tizen-winsets/widgets/grid/js/virtualgrid-db-demo.js
rename to demos/tizen-winsets/widgets/grid/virtualgrid-db-demo.js

diff --git a/demos/tizen-winsets/widgets/grid/virtualgrid-list.html b/demos/tizen-winsets/widgets/grid/virtualgrid-list.html
index 7603fdc..6804634 100644 (file)
--- a/demos/tizen-winsets/widgets/grid/virtualgrid-list.html
+++ b/demos/tizen-winsets/widgets/grid/virtualgrid-list.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_list_page" data-role="page" class="virtualgrid_list_demo_page" data-add-back-btn="true">
+<div id="virtualgrid_list_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
        <div id="normal" data-role="header" data-position="fixed">
                <h1>Virtual Grid - List</h1>
        </div>
@@ -17,23 +17,6 @@
        </div>
        <div data-role="footer">
        </div>
-       <link rel="stylesheet" href="css/namecard.css" />
-       <script>
-               $( ".virtualgrid_list_demo_page" ).one( "pagecreate", function() {
-                       $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
-                               $( ".virtualgrid_demo_page" ).die();
-
-                               $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {
-                                       itemData: function ( idx ) {
-                                               return JSON_DATA[ idx ];
-                                       },
-                                       numItemData: JSON_DATA.length,
-                                       cacheItemData: function ( minIdx, maxIdx ) {
-                                       }
-                               });
-
-                               $( ".virtualgrid_list_demo_page" ).unbind("pagecreate");
-                       });
-               });
-       </script>
+       <link rel="stylesheet" href="namecard.css" />
+       <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/demos/tizen-winsets/widgets/grid/virtualgrid-rotation.html b/demos/tizen-winsets/widgets/grid/virtualgrid-rotation.html
index ae99c4f..c4913a0 100644 (file)
--- a/demos/tizen-winsets/widgets/grid/virtualgrid-rotation.html
+++ b/demos/tizen-winsets/widgets/grid/virtualgrid-rotation.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_rotation_page" data-role="page" class="virtualgrid_rotation_demo_page" data-add-back-btn="true">
+<div id="virtualgrid_rotation_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
        <div id="normal" data-role="header" data-position="fixed">
                <h1>Virtual Grid - Rotation</h1>
        </div>
@@ -18,21 +18,6 @@
        </div>
        <div data-role="footer">
        </div>
-       <link rel="stylesheet" href="css/namecard.css" />
-       <script>
-               $( ".virtualgrid_rotation_demo_page" ).one( "pagecreate", function() {
-                       $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
-                               $( ".virtualgrid_demo_page" ).die();
-                               $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {
-                                       itemData: function ( idx ) {
-                                               return JSON_DATA[ idx ];
-                                       },
-                                       numItemData: JSON_DATA.length,
-                                       cacheItemData: function ( minIdx, maxIdx ) {
-                                       }
-                               });
-                               $( ".virtualgrid_rotation_demo_page" ).unbind("pagecreate");
-                       });
-               });
-       </script>
+       <link rel="stylesheet" href="namecard.css" />
+       <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/demos/tizen-winsets/widgets/grid/virtualgrid-size.html b/demos/tizen-winsets/widgets/grid/virtualgrid-size.html
index 8517dee..c6f0993 100644 (file)
--- a/demos/tizen-winsets/widgets/grid/virtualgrid-size.html
+++ b/demos/tizen-winsets/widgets/grid/virtualgrid-size.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_test_demo_page" data-add-back-btn="true">
+<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
        <div data-role="header" data-position="fixed">
                <h1>Virtual Grid - Size</h1>
        </div>
@@ -18,19 +18,6 @@
        </div>
        <div data-role="footer">
        </div>
-       <link rel="stylesheet" href="css/namecard.css" />
-       <script>
-               $( ".virtualgrid_test_demo_page" ).one( "pagecreate", function() {
-                       $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
-                               $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {
-                                       itemData: function ( idx ) {
-                                               return JSON_DATA[ idx ];
-                                       },
-                                       numItemData: JSON_DATA.length,
-                                       cacheItemData: function ( minIdx, maxIdx ) {
-                                       }
-                               });
-                       });
-               });
-       </script>
+       <link rel="stylesheet" href="namecard.css" />
+       <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/demos/tizen-winsets/widgets/grid/virtualgrid-x.html b/demos/tizen-winsets/widgets/grid/virtualgrid-x.html
index d45092f..914b1cc 100644 (file)
--- a/demos/tizen-winsets/widgets/grid/virtualgrid-x.html
+++ b/demos/tizen-winsets/widgets/grid/virtualgrid-x.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_x_page" data-role="page" class="virtualgrid_x_demo_page" data-add-back-btn="true">
+<div id="virtualgrid_x_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
        <div id="normal" data-role="header" data-position="fixed">
                <h1>Virtual Grid - X</h1>
        </div>
@@ -18,21 +18,6 @@
        </div>
        <div data-role="footer">
        </div>
-       <link rel="stylesheet" href="css/namecard.css" />
-       <script>
-               $( ".virtualgrid_x_demo_page" ).one( "pagecreate", function() {
-                       $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
-                               $( ".virtualgrid_demo_page" ).die();
-                               $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {
-                                       itemData: function ( idx ) {
-                                               return JSON_DATA[ idx ];
-                                       },
-                                       numItemData: JSON_DATA.length,
-                                       cacheItemData: function ( minIdx, maxIdx ) {
-                                       }
-                               });
-                               $( ".virtualgrid_x_demo_page" ).unbind("pagecreate");
-                       });
-               });
-       </script>
+       <link rel="stylesheet" href="namecard.css" />
+       <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/demos/tizen-winsets/widgets/grid/virtualgrid.html b/demos/tizen-winsets/widgets/grid/virtualgrid.html
index f650d59..4af4ae9 100644 (file)
--- a/demos/tizen-winsets/widgets/grid/virtualgrid.html
+++ b/demos/tizen-winsets/widgets/grid/virtualgrid.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo_page" data-add-back-btn="true">
+<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
        <div id="normal" data-role="header" data-position="fixed">
                <h1>Virtual Grid</h1>
        </div>
@@ -13,27 +13,11 @@
                        </div>
                        </div>
                </script>
-               <div id="virtualgrid-demo" data-role="virtualgrid" sdata-rotation="false" data-template="tizen-demo-namecard">
+               <div id="virtualgrid-demo" data-role="virtualgrid" data-rotation="false" data-template="tizen-demo-namecard">
                </div>
        </div>
        <div data-role="footer">
        </div>
-       <link rel="stylesheet" href="css/namecard.css" />
-       <script>
-               $( ".virtualgrid_grid_demo_page" ).one( "pagecreate", function() {
-                       $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus, jqXHR ) {
-                               $( ".virtualgrid_demo_page" ).die();
-
-                               $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {
-                                       itemData: function ( idx ) {
-                                               return JSON_DATA[ idx ];
-                                       },
-                                       numItemData: JSON_DATA.length,
-                                       cacheItemData: function ( minIdx, maxIdx ) {
-                                       }
-                               });
-                               $( ".virtualgrid_grid_demo_page" ).unbind("pagecreate");
-                       });
-               });
-       </script>
+       <link rel="stylesheet" href="namecard.css" />
+       <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/demos/tizen-winsets/widgets/grid/virtualgrid.js b/demos/tizen-winsets/widgets/grid/virtualgrid.js
new file mode 100644 (file)
index 0000000..f1cea8f
--- /dev/null
+++ b/demos/tizen-winsets/widgets/grid/virtualgrid.js
@@ -0,0 +1,12 @@
+$( "div.virtualgrid_grid_demo" ).one( "pagecreate", function () {
+       $.getScript( "virtualgrid-db-demo.js", function ( data, textStatus, jqXHR ) {
+               $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {
+                       itemData: function ( idx ) {
+                               return JSON_DATA[ idx ];
+                       },
+                       numItemData: JSON_DATA.length,
+                       cacheItemData: function ( minIdx, maxIdx ) {
+                       }
+               });
+       });
+});
\ No newline at end of file