This list has 100,000 items in the data provider array:
First, declare the basic HTML container <div>, then create the list, then add a data provider array and optional label function.
<div class="megalist" id="myList2" ></div>
function listChangeHandler( event ) { var message = "selected index: " + event.selectedIndex + "\n" + "selected item: " + event.srcElement.get()[0].outerHTML ; alert( message ); } function createDataProvider() { var result = []; for ( var x=0; x<100000; x++ ) { result.push(x); } return result; } function listItemLabelFunction( item ) { return "Decimal: " + item.toString() + ", Hex: " + item.toString(16); } $('#myList2').megalist() $('#myList2').megalist('setDataProvider', createDataProvider() ) $('#myList2').megalist('setLabelFunction', listItemLabelFunction ) $('#myList2').on('change', listChangeHandler)