Jestem całkowicie nowy, więc proszę mi wybaczyć, jeśli nie dostanę wystarczających informacji. Wyświetlam potencjalnie tysiące rekordów za pomocą JSON i listview, jednak muszę pokazywać tylko 20 na raz, z przyciskiem „pokaż więcej” na dole. Nie rozumiem, jak zmieniłbym mój obecny JavaScript, aby na to pozwolić, mam nadzieję, że ktoś może wskazać mi właściwy kierunek. Próbowałem zastosować ten kod, aby działał, ale bezskutecznie:

http://jsfiddle.net/knuTW/2/

Mój obecny javascript do wyświetlania danych JSON:

function getEmployeeList() {
$.getJSON(serviceURL + 'getmeals.php?calfrom='+ var1 + '&calto=' + var2, function(data) {
    $('#employeeList li').remove();
    employees = data.items;
    $.each(employees, function(index, employee) {
        $('#employeeList').append('<li><a href="employeedetails.html?id=' + employee.id + '">' +
            '<img src="http://www.restaurants.com/assets/img/logos/' + employee.restaurant + '.jpg"/>' +    
                '<h4>' + employee.meal_item + '</h4>' +
                '<p>Calories: ' + employee.calories + '</p>' +
                '<span class="ui-li-count">' + employee.protein + '</span></a></li>');

    });
    $('#employeeList').listview('refresh');
});
}

HTML:

<div id="employeeListPage" data-role="page" >

<div data-role="header" data-position="fixed">
    <h1>Restaurant Meals</h1>
</div>

<div data-role="content">
     <ul id="employeeList" data-role="listview" data-filter="true"></ul>
     <ul class="load-more"><a href="#">Load More</a></ul>
</div>