demos/tizen-gray/widgets/grid/virtualgrid.html

   1 <div data-role="page" class="virtuallist_demo_page">\r
   2         <div id="normal" data-role="header" data-position="inline">\r
   3                 <h1>Virtualgrid</h1>\r
   4         </div>\r
   5         <div data-role="content">\r
   6                 <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">\r
   7                         <div class="ui-demo-namecard">\r
   8                         <div class="ui-demo-namecard-pic">\r
   9                         <img class="ui-demo-namecard-pic-img" src="${TEAM_LOGO}"  />\r
  10                         </div>\r
  11                         <div class="ui-demo-namecard-contents">\r
  12                         <span class="name 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-column="3" data-row="16" data-template="tizen-demo-namecard" data-dbtable="JSON_DATA"></div>\r
  17         </div>\r
  18         <script>\r
  19                 $( ".virtuallist_demo_page" ).live( "pagecreate", function() {\r
  20                         $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {\r
  21                                 $( "div" ).filter( function() {\r
  22                                         return $( this ).data( "role" ) == "virtualgrid";\r
  23                                 }).addClass( "vgLoadSuccess" );
  24                                 $( ".virtuallist_demo_page" ).die();\r
  25                                 $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create" );\r
  26                         });\r
  27                 });\r
  28         </script>\r
  29 </div>\r