【问题标题】:simple hierarchy with jQuery mobile nested list + knockout.js使用 jQuery 移动嵌套列表 + knockout.js 的简单层次结构
【发布时间】:2012-07-08 03:58:00
【问题描述】:

我正在尝试让一个简单的嵌套列表 (jQuery Mobile) 被 knockout.js 填充 数据是一个简单的 JSON 层次结构。

请查看http://jsfiddle.net/RYLve/

父项已显示,但不可导航。 怎么了?

谢谢!

【问题讨论】:

    标签: javascript jquery jquery-mobile knockout.js knockout-2.0


    【解决方案1】:

    我认为您面临两个主要问题:

    1) 确保使用<span data-bind="text: Name"></span> 而不是<span data-bind="text: Name" />

    2) 列表视图的自动处理存在时间问题。您可以通过使用自定义绑定来添加数据角色并处理元素来解决此问题。

    我不确定它是否完美,我仍然看到有趣的绑定错误,但这个小提琴似乎更接近你正在寻找的东西:http://jsfiddle.net/RYLve/1/

    希望这会对你有所帮助。

    编辑:我增强了我的小提琴,我认为现在一切正常。我改用模板,这样你就可以获得完整的层次结构。另请注意,我使用 setTimeout 允许在尝试调用 listview 之前填充 DOM 时间。

    http://jsfiddle.net/RYLve/2/

    【讨论】:

    • 谢谢。我也认为淘汰赛与 jquery mobile 交互的方式存在一些问题,但我只是不知道如何解决它。
    • 您有什么解决办法吗?我只想使用带有敲除的 MVVM 来显示带有列表视图的树层次结构。也许我可以使用其他东西来代替 jQuery mobile 的嵌套列表机制。也许只是列表视图,并让显示子列表视图的页面分离或动态生成,不确定
    • 看看我最后的小提琴。您可以深入到第 1 项,然后深入到第 1.2 项以查看三个层次结构。由于我使用模板,理论上你可以渲染的关卡没有限制。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-19
    • 2020-08-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多