小编Neo*_*tim的帖子

我是全新的,所以如果我没有得到足够的信息,请原谅我.我使用JSON和lis​​tview显示可能有数千条记录,但是我需要一次只显示20条记录,底部显示"显示更多"按钮.我不明白我将如何更改当前的javascript以允许这样做,希望有人可以指出我正确的方向.我一直在尝试应用此代码以使其工作,但未成功:

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

我当前的javascript来显示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 …