javascript - 如何在 ObservableHQ 的更多单元格中呈现相同的输入元素

Question

假设我在 Observablehq 中有以下复选框元素：

viewof myFilter = checkbox({
  title: "Foo",
  description: "bar",
  options: myOptions,
  })

我想沿着笔记本在更多不同的单元格中呈现相同的元素，并且我想同步他们的所有选择。有没有办法做到这一点？

Answer 1

看起来您正在使用 Jeremy Ashkenas 的古老输入库。有一个更新的官方 Inputs library，它已经包含在页面中（您不必导入它）。

官方输入支持使用Inputs.bind（更多信息）进行同步。例如，这两个单元格生成两组同步复选框：

viewof a = Inputs.checkbox(["Foo", "bar"])

Inputs.bind(Inputs.checkbox(["Foo", "bar"]), viewof a)

这是一个演示。

官方的输入复选框 API 大致类似于Inputs.checkbox(arrayOfChoices, optionsObject). 而不是标题和描述，只有一个标签：Inputs.checkbox(["Foo", "bar"], {label: "Your choice"})。更多文档。