Question

In my application listView('refresh') doesn’t work. Here is my code

I create listView dynamically

 var str = "<ul data-role='listview' data-inset='true' id='mylist'>";

        for(var i = 0; i<data.length; i++ ){
            str += "<li>"+data[i].note.text+"</li>";
        }
       str += "</ul>"

        $('#content').append(str);

function addnote(){
    var note_text = $('#note_text').val();
    var note_lat  = $('#lat').val();
    var note_lng  = $('#lng').val();

    $.ajax({

        type: "POST",
        beforeSend: function (jqXHR) {
            jqXHR.setRequestHeader(KEY1, _key1);
            jqXHR.setRequestHeader(KEY2, _key2);
        },

        url:SERVER_URL+"api/addNotes/",



        data: {type: 'text',note_text: note_text, note_lat: note_lat , note_lng: note_lng},

        success: function(data, textStatus, jqXHR) {
            if (data.status == "ok"){

                $.mobile.changePage("file:///android_asset/www/index.html?"+_key1+"|"+_key2+"|");


             }
            else{
                alert("Something wrong");
            }

        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert("Error=" + errorThrown);
        },

        complete: function() {
            $('#mylist').listview('refresh');

        }
    });
}

I read many reports and forums there said I have to call listview(‘refresh’) in ajax’s complete function. But in my code it doesn’t work, could anyone tell me what is the problem here?

Answer 1

You probably want to see your data after adding some values. If you want to do this listview.refresh doesn’t help you after adding some values you have to call you data again, i.e you have to call getNote() again.

I think it helps.