jquery-mobile - 带有 KnockoutJS ListView 问题的 jQuery Mobile

Question

我正在尝试的这个示例， ListView 最终看起来并不漂亮，

谁能建议我做错了什么。这特别发生在 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">

提前致谢。

Answer 1

更新后刷新 ListView 应该可以解决您的问题。为此，您可以使用自定义绑定(bind):

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">

这里是工作 fiddle :http://jsfiddle.net/xQ9Uu/44/