jQuery Mobile with KnockoutJS ListView Issue

Question

This example of what I am trying, the listview doesn't end up with nice looks,

Can anyone please suggest what I am doing wrong. this is happening specifically on data-inset=true.

if I set like this, its ok but its not really the list.

<ul id="alarmslist" data-bind="foreach: days" data-role="listview">

making the data-inset true breaks the design.

 <ul id="alarmslist" data-bind="foreach: days" 
data-inset="true" data-role="listview">

Thanks In Advance.

gbs · Accepted Answer · 2013-03-30 10:27:38Z

8

Refreshing the list view after update should solve your problem. For that you can use a custom binding:

ko.bindingHandlers.jqmRefreshList = {
    update: function (element, valueAccessor) {
        ko.utils.unwrapObservable(valueAccessor()); // make this update fire each time the array is updated.
        $(element).listview("refresh")
    }
};

And in the HTML:

<ul id="alarmslist" data-bind="foreach: days, jqmRefreshList: days" data-inset="true" data-role="listview">

Here is the working fiddle: http://jsfiddle.net/xQ9Uu/44/

answered Mar 30, 2013 at 10:27

gbs

3,5292 gold badges22 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

jQuery Mobile with KnockoutJS ListView Issue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related