将来自相同结构的不同 JSON 对象的两个数据列对齐答案

【问题标题】：Line up two data columns from separate JSON objects of same structure将来自相同结构的不同 JSON 对象的两个数据列对齐
【发布时间】：2012-06-21 02:01:02
【问题描述】：

我有两个结构相同的 JSON 对象，我想在我的 html 页面上并排显示它们。由于我正在构建排序比较，因此我希望在同一行上查看匹配的数据元素。仅左或仅右数据元素需要在相反的列中显示，旁边有空格。

我正在尝试使用 JsRender/JsViews 来执行此操作，但很难同时处理多个数据源。或者将每一面都作为一个单独的模板，每一面都不知道在哪里加载数据，因为它需要知道是否存在相反的情况。

我愿意使用任何其他机制，只要它有效。

谢谢，格雷格

【问题讨论】：

【解决方案1】：

您可以通过上下文帮助器将其他数据对象传递给 JsRender 模板，或者在渲染调用中作为上下文传递：

render(dataOne, {data2: dataTwo})

或通过注册为助手：

$.views.helpers({
    data2: dataTwo
})

无论哪种方式，您都可以使用~data2 访问辅助对象，例如通过编写{{:~data2.prop}} 或{{for ~data2}}...{{/for}}。

当然，dataOne 或 dataTwo 既可以是对象也可以是数组。

【讨论】：

【解决方案2】：

为什么不在notepad++中使用比较插件？

【讨论】：