Search jQuery

jQuery Forum

Jquey mobile listview

in jQuery Mobile • 5 months ago

Hello,

i tried to generate list view dynamically in SUP.when i request for the first time it is working fine.when i come back from the screen and again calling the same screen list view is not loading it is displaying plain text.Code which i am using.

function customBeforeNavigateForward(screenKey, destScreenKey) {
    if (screenKey == "Start" && (destScreenKey === "Screen1")){

        var htmlOutput = '';
        var firstChar = '';
        var approverName ='xxx' ;
        var mobileNumber = '1111111111111111';
        var email = 'xxx;
        var landLine1 = 'asas';

        htmlOutput += '<div data-role="collapsible" class = "coll_dev" id="htmlListView" data-theme="b" data-content-theme="d" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-inset="false">';
        htmlOutput += '<h2>'+ approverName + '</h2> <ul class="list2" data-role="listview">';
        htmlOutput += '<li><a href="tel:'+mobileNumber+'">'+ mobileNumber +'</a></li>';
        htmlOutput += '<li><a href="sms:'+mobileNumber+'">'+ mobileNumber +'</a></li>';
        htmlOutput += '<li><a href="mailto:'+email+'"></a><p>'+ email +'</p></li>';
        htmlOutput += '<li><a href="tel:'+landLine1+'">'+ landLine1 +'</a></li></ul></div>';

        var listView = $('div[id="htmlListView"]');
        if(listView.length > 0 ){
            alert("The page is already built");
            $("mylist").listview("refresh");
        }else{
            alert("The is built for the first time");
            $('#Screen1Form').children().eq(2).hide();
            $('#Screen1Form').children().eq(1).after(htmlOutput);
            $("mylist").listview("refresh");
        }


    }
    return true;
}

Thanks
Karthikeya

Replies(1)

watusiware

Re: Jquey mobile listview

5 months ago

You have to call .trigger("create") on the listview's parent.

In this case, since you are creating the listview, calling listview("refresh") does nothing, since the listview has never been created. There is nothing to refresh.

Use refresh if the listview has already been created, and you are changing or replacing it's content.

Top Reply

Response title

Attachments

jQuery Forum

Jquey mobile listview

Replies(1)

Re: Jquey mobile listview

Statistics

Tags

Actions

Related Posts