How do I display a message in a jQuery Mobile ListView when empty?

Question

I want to show a message when a jQuery mobile ListView has no elements. For example: "There are no elements." How can I do it?

A listview that is dynamically generated? or a listview that uses filtering? — andleer
– andleer, Commented Jan 15, 2013 at 17:58

andleer · Accepted Answer · 2013-01-15 18:10:29Z

2

If you are dynamically generating your listview and find no rows to display, why not simply display a row with a message stating as much?

<ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Results</li>
    <li>No records found</li>
</ul>

http://jsbin.com/eyozis/1/edit

answered Jan 15, 2013 at 18:10

andleer

22.6k8 gold badges65 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gajotres · Accepted Answer · 2013-01-15 16:12:00Z

1

Use a popup to show warning:

$('#index').live('pagebeforeshow',function(e,data){   
    if($('#test-list li').length === 0){
        setTimeout(function(){$('#MyFirstPopup').popup('open');},100);
    }
});

Here's an working example: http://jsfiddle.net/Gajotres/wy5R3/

answered Jan 15, 2013 at 16:12

Gajotres

57.3k16 gold badges106 silver badges132 bronze badges

Collectives™ on Stack Overflow

How do I display a message in a jQuery Mobile ListView when empty?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related