knockout.js - 如何在 Knockout JS 中显示仅包含数组列表中选定项目的 View ?

标签 knockout.js

我在 http://jsfiddle.net/nair/bv3FG/19/ 创建了一个示例 jsfiddle演示我遇到的问题。我有一组人,我将他们显示在表格中,并可以选择编辑每一行。数据在加载时正确显示。但是当我去编辑模型时,我面临两个问题;

  1. 我需要确保在编辑一行时,我希望编辑模板能够 显示但不显示表格。我正在使用可见性来切换可见性。 这似乎确实有效。
  2. 当我按下编辑时,表单显示要编辑但我选择的项目数据 不显示,即使在我传递的模板中, 选择的项目作为数据。

谢谢,

最佳答案

问题是尝试立即绑定(bind)空数组的所选项目时出错。

更好的策略可能是使用 with 绑定(bind) selecteditem 来控制该部分的上下文。如果 selecteditem 为空,则不会渲染该区域。

所以,它看起来像:http://jsfiddle.net/rniemeyer/ACE2d/

然后,您不需要在表单上使用可见性,因为 with 绑定(bind)会处理它。保存后,您可以将项目标记为空,该区域将不再可见/绑定(bind)。

关于knockout.js - 如何在 Knockout JS 中显示仅包含数组列表中选定项目的 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9356409/

相关文章:

asp.net-mvc-3 - 列出带有 knockout 的 HttpPostedFileBase

javascript - knockout 3.x : markup inside element referencing a named template is wiped out

javascript - 如何在knockout js中自动点击按钮

html - Knockout.js:有条件地绑定(bind) div 的标题属性

javascript - 创建一个通用类以将挖空对象与页面绑定(bind)

javascript - Knockoutjs foreach 绑定(bind)不会更新 IE 中的 <ol> 数字

javascript - 使用 Knockout.js 组件和 webpack

javascript - 内联与可观察数组的绑定(bind)

knockout.js - Kendo-Knockout - 如何将自动完成绑定(bind)到远程数据?

javascript - html 输入文件与 knockoutjs 绑定(bind)