jQuery Mobile与KnockoutJS ListView问题

Question

这是我尝试的例子，但列表视图看起来不太好。请问有人可以建议我哪里做错了吗？这种情况特别发生在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">

提前致谢。

- Anuj Pandey

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

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

- gbs