jQuery Mobile的使用KnockoutJS ListView的問題

Question

的什麼，我想這個例子中，列表視圖不漂亮的容貌結束，

任何人都可以請建議我在做什麼錯。這發生在data-inset = true上。

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

，如果我這樣設置，它的好，但它不是一個真正的名單。

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

使數據插圖真正打破設計。

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

在此先感謝。

Answer 1

更新後刷新列表視圖應該可以解決您的問題。對於您可以使用自定義綁定：

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/