demos/tizen-winsets/widgets/grid/virtualgrid-list.html

   1 <div id="virtualgrid_list_page" data-role="page" class="virtualgrid_list_demo_page">\r
   2         <div id="normal" data-role="header" data-position="fixed">\r
   3                 <h1>Virtual Grid - List</h1>\r
   4         </div>\r
   5         <div data-role="content" data-scroll="none">\r
   6                 <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">\r
   7                         <div class="ui-demo-rotation-list-namecard" >\r
   8                                 <div class="ui-demo-namecard-list-pic">\r
   9                                         <img class="ui-demo-namecard-list-pic-img" src="${TEAM_LOGO}"  />\r
  10                                 </div>\r
  11                                 <div class="ui-demo-namecard-list-contents">\r
  12                                         <span class="ui-li-text-main">${NAME}</span>\r
  13                                 </div>\r
  14                         </div>\r
  15                 </script>\r
  16                 <div id="virtualgrid-demo"  data-role="virtualgrid" data-itemcount="1" data-rotation="false" data-template="tizen-demo-namecard"></div>\r
  17         </div>\r
  18         <script>\r
  19                 $( ".virtualgrid_list_demo_page" ).one( "pagecreate", function() {\r
  20                         $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {\r
  21                                 $( ".virtualgrid_demo_page" ).die();\r
  22 \r
  23                                 $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {\r
  24                                         itemData: function ( idx ) {\r
  25                                                 return JSON_DATA[ idx ];\r
  26                                         },\r
  27                                         numItemData: JSON_DATA.length,\r
  28                                         cacheItemData: function ( minIdx, maxIdx ) {\r
  29                                         }\r
  30                                 });\r
  31 \r
  32                                 $( ".virtualgrid_list_demo_page" ).unbind("pagecreate");\r
  33                         });\r
  34                 });\r
  35         </script>\r
  36 </div>\r