2013-03-29 4 views
3

Этот пример того, что я пытаюсь, то ListView не заканчивается с красивым внешним видом,JQuery Mobile с KnockoutJS ListView Issue

Может кто-нибудь пожалуйста, предложить то, что я делаю неправильно. это происходит конкретно на data-inset = true.

http://jsfiddle.net/xQ9Uu/1/

, если я изложу, как это, его хорошо, но его на самом деле не список.

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

создание вставки данных true разрушает дизайн.

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

Thanks In Advance.

ответ

8

Обновление списка после обновления должно решить вашу проблему. Для этого вы можете использовать пользовательские привязки:

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

И в HTML:

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

Вот рабочая скрипку: http://jsfiddle.net/xQ9Uu/44/