【问题标题】:Knockout Options Object Binding淘汰赛选项对象绑定
【发布时间】:2012-08-13 17:24:51
【问题描述】:

我正在努力将 Knockout.js 选项绑定到一个对象。 我正在尝试为用户创建一个允许他们添加项目、编辑其属性然后保存/取消以传播这些更改的工作流。 我以前用 jquery 完成过这种类型的任务。但是,我想避免 jquery 需要的复杂堆栈调用。 (如果可能的话)。

我创建了一个示例: http://jsfiddle.net/nAE2f/

示例中的工作原理:

添加按钮,创建一个新对象。 保存按钮会将其保存到数组中。 选择对话框将更新一个新选项。

不幸的是,这就是我的进步停止的地方。创建选择选项时,它不反映基础对象名称。此外,在对象之间切换不会像我期望的那样改变表单属性。

我尝试将 optionValue 分配给 id,但在这种情况下,不会在保存时创建 Select Options。

【问题讨论】:

    标签: javascript knockout.js


    【解决方案1】:

    将成员名称绑定到项目的方式存在问题。在您的情况下,保存的项目始终具有空名称,这就是选择也显示空文本的原因。我通过在 ViewModel 中创建 selectedMember 属性来处理选定的成员并将成员名称分配给保存时的项目来解决此问题。 以fiddle 为例

    【讨论】:

    • 感谢您对此进行调查。我将在今天晚些时候尝试验证您的答案。当我尝试查看 jsfiddle 链接时,您的代码没有执行。
    • 昨晚我有机会玩这个。虽然现在更新了 Collection Box,但更改用户时不会更新表单数据。在我的搜索中,我发现了一个更改事件处理程序的覆盖。我将尝试实现这一点,并将我的发现发回。再次感谢您对此进行调查,但我目前无法将其标记为已回答。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-05-04
    • 2013-12-06
    • 2013-02-04
    • 2021-04-28
    • 1970-01-01
    • 1970-01-01
    • 2019-01-05
    相关资源
    最近更新 更多