Specifying a Data Provider Array

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.

Markup

<div class="megalist" id="myList2" ></div>

Script

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)