【问题标题】:jQuery Mobile with KnockoutJS ListView Issue带有 KnockoutJS ListView 问题的 jQuery Mobile
【发布时间】:2013-03-20 03:21:27
【问题描述】:

我正在尝试的这个示例,列表视图最终看起来并不漂亮,

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

提前致谢。

【问题讨论】:

    标签: jquery-mobile knockout.js


    【解决方案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/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-01-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-04-08
      • 1970-01-01
      • 1970-01-01
      • 2013-05-17
      相关资源
      最近更新 更多