1 <div id="virtualgrid_x_page" data-role="page" class="virtualgrid_x_demo_page">
\r
2 <div id="normal" data-role="header" data-position="fixed">
\r
3 <h1>Virtual Grid - X</h1>
\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-x-namecard">
\r
8 <div class="ui-demo-namecard-pic">
\r
9 <img class="ui-demo-namecard-pic-img" src="${TEAM_LOGO}" />
\r
11 <div class="ui-demo-namecard-contents-x">
\r
12 <span class="name ui-li-text-main ui-demo-namecard-span-x">${NAME}</span>
\r
16 <div id="virtualgrid-demo" data-itemcount="auto" data-role="virtualgrid" data-template="tizen-demo-namecard">
\r
20 $("#virtualgrid-demo").bind("select", function(event, data){
\r
21 //alert("item :: " + $(data).find(".ui-demo-namecard-contents").text());
\r
25 $( ".virtualgrid_x_demo_page" ).one( "pagecreate", function() {
\r
26 $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
\r
27 $( ".virtualgrid_demo_page" ).die();
\r
28 $( ":jqmData(role='virtualgrid')" ).virtualgrid( "create", {
\r
29 itemData: function ( idx ) {
\r
30 return JSON_DATA[ idx ];
\r
32 numItemData: JSON_DATA.length,
\r
33 cacheItemData: function ( minIdx, maxIdx ) {
\r
36 $( ".virtualgrid_x_demo_page" ).unbind("pagecreate");
\r