javascript - 嵌套 json 的 knockout 映射

标签 javascript jquery knockout.js knockout-mapping-plugin

我试图创建一个 json 模式查看器和编辑器。我需要将动态生成的嵌套 json 显示为嵌套表,并且必须能够编辑它们或添加新的。为此,我试图将嵌套的 json 映射到 knockout 可观察并将它们显示为嵌套表

JSBin sample

但是我未能映射它,任何人都可以帮助我正确映射它并帮助我将子表排列为下一个“tr”。

我没有收到任何错误,但未显示值。

最佳答案

代码绝对不干净,但似乎可以工作:http://jsfiddle.net/ezg5U/

基本上,我跟踪 json 数据中的路径并动态设置 KO 绑定(bind),例如

data-bind="'text: values()[0]._values()[1].key'"

textarea 元素还具有“value:”绑定(bind),从而将更新的数据存储在 View 模型中。

表格下方的DIV会自动更新并显示嵌套键的值:vm.values()[0]._values()[0].key() - 因此您可以看到模型实际上已更新当用户更改值时。

关于javascript - 嵌套 json 的 knockout 映射,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18008897/

相关文章:

javascript - 在 ReactTable 中访问过滤后的数据

javascript - 填充选择选项不适用于 selectpicker 类

javascript - 单击新的 LI 值时似乎无法删除类 "selected"

jquery - 单击外部菜单以在 jquery 中关闭

jquery - 如何在 jquery 中将点击的 div 带到前面?

javascript - 推送后保持可观察数组排序

javascript - 如何强制nvd3图表时间跨度拉伸(stretch)图表的宽度?

javascript - 是否可以将 Highcharts 设置为在鼠标指针距离 30px 时隐藏工具提示

KO 模板中的 JavaScript

javascript - Knockout 未调用可见函数