带有KnockoutJS ListView问题的jQuery Mobile

Question

这个我正在尝试的例子,listview最终没有漂亮的外观,

任何人都可以建议我做错了什么.这种情况特别发生在data-inset = true上.

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

如果我这样设置,它可以,但它不是真正的列表.

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

使data-inset真正打破了设计.

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