Tizen Forums

Hi~

Try like this,

<div class="ui-page" id="pageTestVirtualList">
    <header class="ui-header">
		<h2 class="ui-title">Virtual List</h2>
	</header>
	<div class="ui-content">
		<ul id="vlist1" class="ui-listview ui-virtuallistview">
	</ul>
	</div>
</div>

And, 

var page = document.getElementById("pageTestVirtualList"),
    	elList = document.getElementById("vlist1"),
		vlist;

	/**
	 * pagebeforeshow event handler
	 * Do preparatory works and adds event listeners
	 */
	page.addEventListener("pagebeforeshow", function() {
		vlist = tau.widget.VirtualListview(elList, {
			dataLength: JSON_DATA.length,
			bufferSize: 40,
			scrollElement: "ui-scroller"
		});

		// Update listitem
		vlist.setListItemUpdater(function(elListItem, newIndex) {
			//TODO: Update listitem here
			var data =  JSON_DATA[newIndex];
			elListItem.innerHTML = '<span class="ui-li-text-main">' + data.NAME+'</span>';
		});
		// Draw child elements
		vlist.draw();
	});

-Thanks