Knockout JS绑定元素的属性为另一个元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Knockout JS绑定元素的属性为另一个元素相关的知识,希望对你有一定的参考价值。

我试图将我选择的类别的guid属性绑定到另一个ko.observable元素。我需要保存该数据值,以便以正确的JSON格式将其发送到服务器。

Jsfiddle

我坚持将选定类别的guid值绑定到SelectedCategoryGuid,以便出现在JSON文件中

'SelectedCategoryGuid': 'guid1'

我在qazxsw poi中尝试了$ data和$ root绑定但是无法实现它。

答案

第1步:删除html数据绑定周围的引号。您应该在此处传递对observable的引用,而不是属性的名称。

value

现在,你会看到你的guid段打印:value: Info.SelectedCategoryGuid 。那是因为它存储了整个类别,而不仅仅是[object Object]

步骤2:要仅存储Guid属性,请使用Guid绑定。此绑定的工作方式类似于您已使用的optionsValue绑定:

optionsText

现在事情开始按预期工作了。您会注意到初始optionsValue: 'Guid' 值被清除,因为它没有出现在您的数据集中。

这是小提琴中的两个变化:bla

以上是关于Knockout JS绑定元素的属性为另一个元素的主要内容,如果未能解决你的问题,请参考以下文章

knockout.js--基本用法

有条件地在 knockout.js 中添加元素属性

Knockout.JS如何绑定dom元素绑定

Knockout JS 如何将数据绑定到静态表单元素

Knockout.js v2.3.0 错误“您不能将绑定多次应用于同一元素”

Knockout js在第二次绑定后继续显示/隐藏元素