如何访问内容类型的字段内的字段？

Question

我的内容类型有5个字段，其中一个是UI扩展，它从HTML生成两个文本字段。我无法访问UI扩展字段内的第二个文本字段。

我正在使用JavaScript来访问UI扩展字段内的两个文本字段。但是，我只能访问第一个字段。我还如何检索和操作第二个文本字段？

<form method="post" id="webAddressForm">
        <div class="table form-fields">
        <div class="row name">
                    <div class="label">Web address:</div>
                        <div class="input full"><input type="text" name="web-address" id="webAddress" placeholder="http://google.com"/></div>
                </div>
      <br>
        <div class="row name">
                    <div class="label">Text to display:</div>
                        <div class="input full"><input type="text" name="website-name" id="websiteName" placeholder="Google"/></div>
        <br>
        </div>
      </div>
        </form>

到目前为止，

使用JS来获取字段的值。

console.log(api.field.getValue()) //  this only returns the value from the first text field.

我正在尝试访问webAddress和websiteName文本字段。

Answer 1

如果要在一个字段中存储多个值，则必须选择字段类型JSON object。

默认情况下，Contentful支持一个字段的几种不同类型，但是所有这些都是单个值。通过选择JSON作为字段（和UI扩展）的类型，您可以解决此问题并存储所需的数据，因为您可以完全控制JSON结构。

希望有帮助。 :)。

Here you can find an example我很久以前就写过在单个字段中对表格数据进行建模。