antdimot
4/15/2012 - 10:57 AM

jquery mobile refresh after add new data

jquery mobile refresh after add new data


loadData(function(tx, results){
        var len = results.rows.length;

        var html_response = "";

        for(var i=0;i<len;i++){
             html_response += "<li><a href=\"#\">" + results.rows.item(i).data + "</a></li>";
        };

        $("#carListData").html(html_response); // add new items

        $("#carListData").trigger('create');   // trigger there are new items in dom
        $("#carListData").listview('refresh'); // re-apply theme
 });


function loadData(querySuccess){
    var db = window.openDatabase("Database", "1.0", "Cars", 200000);
    db.transaction(function(tx){tx.executeSql('SELECT * FROM CARS',[], querySuccess, queryErrorCB);},queryErrorCB);
}


function queryErrorCB(err){
    console.log("Error processing SQL: "+err.code);
}