Question

我开发了一个Phonegap应用程序，它向我显示了表格的所有行。该表有大约9,000行，所有这些元素的迭代都非常慢。它需要大约20秒才能完成。

这是代码的一部分：

function getProducts(){
        var query ="SELECT name FROM table";

        db.transaction(function (tx){
            tx.executeSql(query, [], function (tx, results){
                var len = results.rows.length;

                if(len == 0 ){
                    hideWaitingMessage();
                    $('#elementList').empty();
                    $('#elementList').append("<li data-theme='e'><h3>No items</h3></li>");
                }else{
                    for (var i = 0; i < len; i++){
                        $("#elementList").append("<li><a onClick='goToProduct()'><h3>" + results.rows.item(i).name+ "</h3></a></li>");
                    }
                    hideWaitingMessage();
                }

                $('#elementList').listview('refresh');              

            }, callBack);
        }, callBack);
    }

Very simple, it works, but toooooo slow. Any suggestion to speed it up?

Answer 1

jquery mobile需要更多时间来刷新列表视图，所以最好使用带有用户定义样式的简单列表 - 它将在更好的时间内加载

Phonegap数据库调用太慢

1 个答案: